Brand / Typography
Manage Content
Brand

Typography

A two-font system: a display face for headings, stat values, and the logo wordmark, and a body face for everything else. A monospace face is reserved for reference IDs, hex codes, and code.

Type scale

Display
--font-display · 600 · 38px
Design system
H1 / page title
--font-display · 600 · 30px
Design system
H2 / section title
--font-display · 600 · 24px
Design system
H3
--font-display · 600 · 20px
Design system
H4
--font-display · 600 · 17px
Design system
Body
--font-sans · 400 · 15px
Design system
Body small
--font-sans · 400 · 13.5px
Design system
Caption
--font-sans · 500 · 12px
Design system

Usage rules

RuleDetail
Display weight capThe display face never goes above weight 600 — no 700/800/900 headings.
Body faceUsed for all prose, labels, and UI copy. Optimised for legibility at small sizes.
MonospaceReference IDs, hex codes, and code snippets only — never for prose.
Line height1.6 for body copy, 1.15–1.3 for headings depending on size.

Showing static fallback copy — add a "Brand Page" document in Sanity Studio with slug typography to manage this description from the CMS.