Color
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.
Primary - 500
#D2193A
Primary - 400
#E34D5A
Primary - 300
#FF879D
Primary - 200
#FFA0B1
Primary - 100
#FFC0CB
Dark - 500
#0D0E10
Dark - 400
#40454F
Dark - 300
#6E7687
Dark - 200
#9AA0AC
Dark - 100
#C7CAD1
Light - 100
#FFFFFF
Light - 200
#F1F3F6
Light - 300
#E1E4EB
Light - 400
#DADEE7
Primary - 500
#CED3DF
Typography
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. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.
I'm thinking I'm back.
Heading 1 - Bold, 72 px, 105%, -1.6 px
I'm thinking I'm back.
Heading 2 - Bold, 60 px, 106%, -1.2 px
I'm thinking I'm back.
Heading 3 - Bold, 48 px, 108%, -0.8 px
I'm thinking I'm back.
Heading 4 - Bold, 36 px, 112%, -0.4 px
I'm thinking I'm back.
Heading 5 - Bold, 24 px, 125%
I'm thinking I'm back.
Heading 6 - Bold, 18 px, 155%
