These are the colors used in the design. The first two are intended to be customized by you; you can adjust them simply by using Global Swatch feature.
#B0EED8 - Main accented color
#90E4C6 - Accented color in illustrations
#FFFFFF
#F6F6F6
#2E2E2E
#2F3545
#272D3E
#1F2637
Headings, paragraphs and other common text elements. If you edit the styles here, they will change across the website.
Poppins Light 36px / 1.35em
Poppins Light 33px / 1.4em
Poppins Light 28px / 1.5em
Poppins Light 23px / 1.4em
Poppins Normal 21px / 1.4em
Poppins Medium 14px / 1.4em
Paragraph - Poppins Normal 16px / 2.1em
Paragraph Small - Poppins Normal 14px / 1.9em
Paragraph Extra Small - Poppins Medium 12px / 1.8em
Poppins Normal 20px / 1.9em
Poppins Medium 14px / 1.7em
If you edit the button style here, it will change across the website.
If you edit the lists style here, it will change across the website.
If you edit the block quote style here, it will change across the website.
This is a block quote. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet.
If you edit the rich text here, it will change across the website.
The rich text element allows you to create and format:
... 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:
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.
This is a block quote. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.