Foundations

Typography

A single type family, one restrained scale, used consistently to carry hierarchy — not font swaps or arbitrary sizing.

Typeface

Open Sans for UI and product copy; a monospace fallback stack for code, IDs, and tabular technical values.

Primary

Aa

--font-sans
Open Sans — Regular 400, Medium 500, Semi-Bold 600, Bold 700

Monospace

Aa

--font-mono
SFMono / IBM Plex Mono fallback stack

Type scale

Every size in the interface maps to one of these roles. If a design needs a size outside this list, that's a signal to reconsider the hierarchy, not add a token.

Display48px / 52px / semibold
Design at scale
H136px / 36px / semibold
Policy management
H232px / 32px / semibold
Claims overview
H328px / 28px / semibold
Coverage summary
H424px / 24px / semibold
Recent activity
XL Text20px / 28px / regular
Section lead text
Lg Text18px / 24px / regular
Intro copy and lead paragraphs
Default Text16px / 20px / regular
Default body copy, form labels
Sm Text14px / 18px / regular
Table cells, secondary UI text
Xs Text12px / 16px / medium
Timestamps, helper text, labels
2Xs Text10px / 14px / regular
Micro labels, legal, badges

Weights

Regular 400

Body copy

Medium 500

Labels, nav items, emphasis

Semibold 600

Headings, button labels

Bold 700

Rare — stat callouts only

Usage

Section titleOne clear step down in the scale for supporting text.
Use adjacent scale steps to build hierarchy
Section titleAn off-scale size and weight invented for this one screen.
Don't invent one-off sizes or weights outside the scale