Each font has a distinct purpose. Never interchange them — the hierarchy carries brand meaning.
01 — Primary Brand Type
Aa
Audiowide
Brand identity, logos, division headings, hero titles. Never body text.
02 — Executive Interface
Aa
Inter
All body copy, navigation, UI labels, financial tables, legal text. Default for all non-branded text.
03 — Industrial Logic
Aa
JetBrains Mono
Technical data, hex codes, node IDs, engineering logs, document tags.
Registers never introduce a typeface. They change the mixing ratio, the density and the measure. That is what lets a Bedrock document set entirely in Arial still read as Bedrock in Word, where the brand faces cannot go.
Dense and evidentiary. Inter carries the argument; mono is elevated so provenance is visible. Audiowide retreats to the wordmark and cover title only.
| Role | Face | Size / line-height | Weight | Max measure |
|---|---|---|---|---|
| Cover title | Audiowide | 40px / 1.05 | 400 | — |
| H1 | Inter | 28px / 1.20 | 600 | 34rem |
| H2 | Inter | 20px / 1.25 | 600 | 34rem |
| H3 | Inter | 15px / 1.30 | 700 | 34rem |
| Body | Inter | 14px / 1.55 | 400 | 34rem |
| Label | Inter | 12px / 1.40 | 600 | — |
| Mono metadata | JetBrains Mono | 11px / 1.50 | 400 / 700 | — |
| Caption | Inter | 11px / 1.45 | 400 | 28rem |
Audiowide at hero scale. Mono renders the technology as engineering readouts. Same conservative numbers as Bedrock, bolder delivery.
| Role | Face | Size / line-height | Weight | Max measure |
|---|---|---|---|---|
| Hero | Audiowide | clamp(48px, 7vw, 96px) / 0.95 | 400 | — |
| H1 | Audiowide | 32px / 1.05 | 400 | — |
| H2 | Inter | 22px / 1.25 | 600 | 36rem |
| H3 | Inter | 16px / 1.30 | 700 | 36rem |
| Body | Inter | 15px / 1.70 | 400 | 36rem |
| Readout | JetBrains Mono | 11px / 1.50 · +0.15em | 700 | — |
| Label | Inter | 12px / 1.40 | 600 | — |
| Caption | Inter | 12px / 1.50 | 400 | 30rem |
Generous sizes and open leading. Inter Light does the work. Audiowide at friendly rather than hero scale, and mono is nearly absent — source IDs only.
| Role | Face | Size / line-height | Weight | Max measure |
|---|---|---|---|---|
| Cover title | Audiowide | 36px / 1.10 | 400 | — |
| H1 | Audiowide | 28px / 1.15 | 400 | — |
| H2 | Inter | 20px / 1.30 | 600 | 32rem |
| H3 | Inter | 16px / 1.35 | 600 | 32rem |
| Lead | Inter | 19px / 1.75 | 300 | 32rem |
| Body | Inter | 17px / 1.80 | 300 | 32rem |
| Caption | Inter | 13px / 1.60 | 400 | 28rem |
| Source ID | JetBrains Mono | 11px / 1.50 | 400 | — |
Measure is the quiet control. Bedrock caps at 34rem because dense evidentiary text needs a short line. Commons caps at 32rem despite the larger body size, for the same reason at the other end — a 17px line running to 44rem is tiring regardless of how open the leading is.
A 4px base step. Spacing does not vary by register — density is carried by type size and measure, not by inventing a second spacing system.
| Step | Scale | Name | Typical use |
|---|---|---|---|
| 4px | micro | icon gaps, inline chips | |
| 8px | tight | label to value | |
| 12px | close | list items, table cell padding | |
| 16px | base | paragraph rhythm | |
| 24px | loose | card padding, gutters | |
| 32px | section-inner | heading to content | |
| 48px | section | between subsections | |
| 64px | block | between blocks | |
| 96px | major | between major sections | |
| 128px | page | page-level separation |
| Parameter | Value |
|---|---|
| Container max width | 1280px |
| Page padding | 2.5rem desktop · 1.25rem below 640px |
| Grid | 12 column · 24px gutter |
| Breakpoints | 640 · 768 · 1024 · 1280 |
| Card padding | 24px · 16px below 640px |
| Table cell padding | 12px vertical · 16px horizontal |