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.
Text Link
Text link--color-light-1
Buttons, icons, details
--color-light-2
Links, CTAs, hovers
--color-light-3
Links, CTAs, hovers
--color-bright-1
Headings, BGs, buttons
--color-bright-2
Body text, BGs
--color-bright-3
Borders, fine details
--color-dark-1
Headings, BGs
--color-dark-alt
Body text, BGs
--color-darkest
Borders, fine details