Display group (utility classes)
Display hero
Display statement
Display title
Heading group (utility classes)
Heading title
Heading section
Heading subsection
Heading group
Body group (utility classes)
Body lead — a stand-out paragraph that introduces a section.
Body regular — standard reading text used for most paragraphs across the design system.
Body support — a quieter variant for secondary information.
Body caption — small text for figure captions and annotations.
Special
Overline (uppercase)
Mono — for inline code and snippets.
Adjacent-selector HTML defaults (inside <main>)
H1 in main → heading-title
P.lead in main → body-lead. Use this for the first paragraph after a heading when you want a softer intro.
P in main → body-regular. The default reading style for prose.
H2 in main → heading-section
Continuing body copy after the H2. And a small element rendered as caption.
H3 in main → heading-subsection
More body copy.
H4 in main → heading-group
The smallest heading in the in-document hierarchy.