Styles
All the classes and components here are the source of truth for our website, make a change to this document and it will apply to the entire website.
Colors
Primary
Yellow
Secondary
Blue
Green
Red
Dark Red
Neutral
White
Black 900
Black 600
Black 300
Typography
We use the variable font DM Sans as our main typeface. It can be found here Google Fonts
Headings
Mega 1
Title 1
Title 2
Title 3
Title 4
Title 5
Paragraphs
This is a featured paragraph, 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.
This is a normal paragraph, 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.
Icons
All icons that can be used on the page.
Grid
no_gutters class can be aplyed to all grids and will remove both vertical and horizontal gutters.
Cards
A static card
A card that is clickable
card
card clickable
The only differentiator is the hover and click animation
FAQ
Gathers data directly from the FAQ collection in the CMS. Create a new FAQ here and it will automatically be updated on the page.
Nostrum Autem
Aut similique quis minima aut consequatur ut. Aut rerum et facere ea veritatis est eum autem corrupti. Impedit ipsa dolore ut. Ut facilis aspernatur nesciunt reprehenderit aspernatur vel minima aspernatur. Veniam sequi debitis vel pariatur. Blanditiis aut occaecati perspiciatis iusto totam voluptatibus.
Perferendis Id Odit Voluptatibus
Et eos ea dolores accusantium cupiditate molestiae. Voluptatum dolores asperiores ab nulla nisi molestiae. Aperiam modi perspiciatis sequi.
Occaecati Qui Officiis Architecto
Ut facilis aspernatur nesciunt reprehenderit aspernatur vel minima aspernatur. Veniam sequi debitis vel pariatur. Blanditiis aut occaecati perspiciatis iusto totam voluptatibus.
Heading
What’s a Rich Text element?
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.
Static and dynamic content editing
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!
How to customize formatting for each rich text
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.
Heading
What’s a Rich Text element?
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.
Static and dynamic content editing
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!
How to customize formatting for each rich text
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.
Heading
What’s a Rich Text element?
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.
Static and dynamic content editing
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!
How to customize formatting for each rich text
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.
Illustration content
