Style Guide
To change text styles, select from the "Styles" menu in the tool bar.
Headings
H1 Heading XL
Outfit
L 80px/ M 64px / S 48px / XS 40px
H1 Heading XL
H1 Heading L
Outfit
L 64px/ M 48px / S 40px / XS 32px
H1 Heading L
H1 Heading
Outfit
L 48px/ M 40px / S 40px / XS 32px
H1 Heading
H1 Heading S
Outfit
L 40px/ M 32px / S 32px / XS 24px
H1 Heading S
It's best to only use one H1 per page, so we have some large H2's as a replacement.
Try to stick to using one size and not have too many different sized fonts on a page. For instance, if you use "H2 Heading XL", keep using that style wherever an H2 is used.
H2 Heading XXL
Outfit
L 64px/ M 48px / S 40px
H2 Heading XXL
H2 Heading XL
Outfit
L 48px/ M 40px / S 32px
H2 Heading XL
H2 Heading L
Outfit
L 40px/ M 32px / S 24px
H2 Heading L
H2 Heading
Outfit
L 32px/ M 24px / S 20px
H2 Heading
H2 Heading S
Outfit
L 24px/ M 20px / S 18px / XS 16px
H2 Heading S
H3 Heading L
Outfit
L 24px/ M 20px / S 18px / XS 16px
H3 Heading L
H3 Heading
Outfit
L 20px/ M 18px / S 16px
H3 Heading
Body Copy
Paragraph L
Outfit
L 20px/ M 18px / S 18px / XS 16px
Paragraph L The quick brown fox jumps over the lazy dog
Paragraph
Outfit
L/M/S 16px
Paragraph The quick brown fox jumps over the lazy dog
Links
Link Dark
Link Dark Underline
Link Light
Link Light Underline