Foundations
Typography
Arial for UI, a monospace stack for numbers. No web fonts.
Sans — UI & headings
Aa
Arial, "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif
Mono — numerics & code
0123456789
"SFMono-Regular", "SF Mono", Menlo, Consolas, monospace
Type scale
248,59130px · 700
Stat value20px · 700
Compact KPI17px · 700
Section heading15px · 700
Body copy at the default size.14px · 400
Dense body and input text.13px · 400
Button label12.5px · 700
Small supporting label12px · 600
Section label11px · 700
Headings in context
The gradient-gold treatment and the eyebrow read identically on either canvas.
light
Design system
Confident, squared, unmistakable.
Tight tracking, bold weight, and a single accent give the type a precise, instrument-panel feel.
dark
Design system
Confident, squared, unmistakable.
Tight tracking, bold weight, and a single accent give the type a precise, instrument-panel feel.
Weights
Regular 400 — body copy
Semibold 600 — labels
Bold 700 — headings & actions
Tabular numerics
Critical1,204
High938
Medium12,057
Figures align in columns with tabular-nums.