Style Guide

Home
Style Guide

Style Guide

Colors

These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.
F5C000
C6F906
1B1B1B
000000

Text Style

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Regular Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis est id faucibus iaculis. Cras et congue tortor. Integer laoreet leo risus, accumsan aliquam nisi ornare at. when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic
Paragraph - Mona Sans Expanded | 18px font-size / 30px line-height / Medium

Button Style

These are all the buttons that are used in this project. Editing them will reflect the changes on all the other buttons of the project too.