Typography Scale
This page demonstrates all text styles and the type hierarchy used across Blueprint.
Heading Hierarchy
Heading 1 — Page title
Heading 2 — Section title
Heading 3 — Subsection title
Heading 4 — Card heading
Heading 5 — Small heading
Heading 6 — Caption heading
Body Text Variants
Lead text — used for hero subheadings and intro paragraphs. Larger and more prominent than body text.
Section lead — accent-coloured supporting text in section headers. Used below a .display heading.
Body text — the default paragraph style. This is what most content on the site uses. Line height is set to relaxed for comfortable reading at body size.
Tagline — short, punchy supporting text beneath a heading.
Note — small print, caveats, and supplementary information that doesn't need visual prominence.
Eyebrow label — appears above section headings to provide context
Inline Formatting
Regular paragraph with bold text and italic text inline.
Text with an inline link that follows the accent colour.
Text with a highlighted phrase using the accent colour.