Style Guide
Headings
Title Large
(Hero Title)
Heading One
(Page Title)
Heading Two
(Section Title)
Heading Three
(Block Title)
Heading Four
(Leading/ Subheading)
Heading Five
(Uppercase)
Heading Six
(Label)
Text Small
Headings define page and section structure, while subheadings help guide the reader through content. Paragraph styles are ideal for body copy, instructions, or supporting information.
Text Medium
Headings define page and section structure, while subheadings help guide the reader through content. Paragraph styles are ideal for body copy, instructions, or supporting information.
Text Large
Headings define page and section structure, while subheadings help guide the reader through content. Paragraph styles are ideal for body copy, instructions, or supporting information.
--color-lightest
Buttons, icons, details
--color-light
Links, CTAs, hovers
--color-bright
Links, CTAs, hovers
--color-bright-alt
Headings, BGs, buttons
--color-brightest
Body text, BGs
--color-brightest-muted
Borders, fine details
--color-dark
Borders, fine details
--color-dark-alt
Body text, BGs
--color-darkest
Headings, BGs