The primary colors and shades of gray on the website are managed through the Global Swatch feature.
Primary 1
Primary 2
Secondary 1
Secondary 2
Secondary 3
Light
A variety of button styles are available throughout the website.
Styles for HTML heading tags (H1-H6).
Different sizes of paragraphs and text styling are available.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Styling for common inline elements.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Text alignment styles are available to realign text to components.
Text Left: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Center: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Right: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Styling for blockquotes.
This is a blockquote. Lorem comfort reached gay perhaps chamber his six detract besides add. Moonlight newspaper up its enjoyment agreeable depending. Timed voice share led him to widen noisy young. At weddings believed laughing although the material does the exercise of. Up attempt offered ye civilly so sitting to. Of acceptance insipidity remarkably is an invitation.
Styling for ordered lists, unordered lists, and unstyled lists.
The Rich Text Element (RTE) is used to create long-form content. For advanced styling, you can Learn more here
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
A general style for Form elements.
Different types of container widths.
To give sections more room to breathe and maintain all sections' spacing equally. In responsive, the spacing will be decreased.
Helper margin classes are available to add a margin between elements and keep spacing values consistent and unified throughout the site.
