Typography

Typefaces, hierarchy, and usage — the type system the brand is set in.

Geist

Google Fonts

Primary — UI, headings, body

Everything on screen. Clean, modern, neutral — gets out of the way.

Aa Bb Cc 123

The quick brown fox jumps over the lazy dog.

Sentence-case headlines with clean, readable body copy at every size.

Regular 400Medium 500SemiBold 600Bold 700

Geist MonoGoogle Fonts
Data — numbers, IDs, timestamps, metadata
Tabular numbers, identifiers, timestamps, code, and metadata. Tabular-nums for aligned figures.
Aa Bb Cc 123
The quick brown fox jumps over the lazy dog.
Sentence-case headlines with clean, readable body copy at every size.
Regular 400Medium 500

Rules

Sentence case headlines — no ALL-CAPS shouting (the one exception is the eyebrow/kicker label).
Headings are tight (-0.02em); body stays comfortable at 14px.
Use Geist Mono for anything that's data — numbers, IDs, timestamps — with tabular-nums so figures align.