Typography

Instrument Sans for prose (the Swiss canvas). Berkeley Mono for labels and data (the exposed mechanism). Every character earns its place.

Font Pairing

SANS Instrument Sans

Interface text, prose, headings. The quiet backdrop.

MONO Berkeley Mono

Labels, data, numbers, code. The exposed mechanism.

Type Scale

The quick brown fox

.type-display Instrument Sans 600 Brand moments, hero sections

The quick brown fox

.type-heading-lg Instrument Sans 500 Page titles

The quick brown fox

.type-heading Instrument Sans 500 Section headings, card titles

The quick brown fox

.type-heading-sm Instrument Sans 500 Subsection headings

The quick brown fox

.type-body Instrument Sans 400 Default prose

The quick brown fox

.type-body-sm Instrument Sans 400 Secondary prose, help text

LABEL TEXT

.type-label Berkeley Mono 400 Control labels, nav, tags

The quick brown fox

.type-data Berkeley Mono 400 Numbers, times, code, metrics

The quick brown fox

.type-caption Instrument Sans 400 Footnotes, fine print

KEY RULE

Labels and data are always Berkeley Mono. This is the "exposed mechanism" — the interface reveals its structure through monospace type. Instrument Sans is the quiet backdrop for prose and headings.