No. VIIITypography

Two families.
Three voices. No italics.

Fraunces for display and body-serif, Euclid Flex for body and chrome. The italic axis is intentionally not loaded. The mono feeling comes from tracking + uppercase + tabular numerals, not a third typeface.

2 Families 5 Euclid weights Fraunces opsz 9–144 0 Italics loaded

IThe two families

Pair by stroke, never by name.

--br-font-display · serif

Fraunces

DesignerPhaedra Charles · Undercase Type Axesopsz 9–144 · wght 100–900 · SOFT, WONK off ItalicNot loaded · banned SourceGoogle Fonts · Open Font License UseDisplay, headlines, mid-titles, body-serif, form inputs

--br-font-sans · chrome

Euclid Flex

DesignerSwiss Typefaces Weights300 · 400 · 500 · 600 · 700 ItalicNot loaded · banned SourceSelf-hosted · woff2 · /fonts/ UseBody, chrome, smallcaps, numerals, UI labels

IIEuclid Flex · weight ladder

Five static weights. No italic cut.

300 · Light

400 · Regular

500 · Medium

600 · Semibold

700 · Bold

IIIFraunces · optical sizes

Same letterform, different optical compensation.

opsz 9 · body-serif

opsz 36 · titles · lede

opsz 96 · section heads

opsz 144 · display

Always match the optical size to the rendered size. Set font-variation-settings: 'opsz' N where N tracks the rendered px. The system handles this for you via the .display / .h1 / .h2 / .h3 / .body-serif semantic classes.

IVThe fluid scale

Twelve roles. Every one a clamp.

--t-display A quiet engine. 72 → 192

--t-display-2 A loud result. 40 → 132

--t-h1-xl This is not a review tool. 48 → 96

--t-h1 One sentence by a buyer. 36 → 72

--t-h2 The shelf is the answer engine. 28 → 56

--t-h3 A bridge from review to answer. 28 → 40

--t-pull "A brand is what people tell each other." 22 → 30

--t-lg A growth engine, hidden in a review. 20 → 24

--t-base-lg Essay body. Long sentences are allowed where they earn their length, and they do, when the rest of the page is patient enough to let them. 17 → 21

--t-base Sans body. Declarative, unhurried, specific. The room tone of the product. 17 → 19

--t-sm Caption / supporting text. Sat at 72% opacity on paper, 68% on ink. 14 → 15

--t-xs CHROME · NO. I · STEALTH · MMXXVI · 47 CITATIONS 12 → 13

--t-micro CHART AXIS · 1968 · 2026 9 → 11

VPairing rules

Match by perceived stroke, not nominal weight.

Body pair

Euclid Flex Medium · 500

Fraunces Regular · 400

Sans 500 pairs with serif 400 at body. Reads as two voices at one volume.

Display pair

Euclid Flex Semibold · 600

Fraunces Bold · 700

Sans 600 pairs with serif 700 at display. Stroke continuity across the jump.

Hero pair

Euclid Flex Bold · 700

Fraunces Black · 900

The wordmark pair. Top voice → bottom voice. Cross-family contrast.

VIThe Stroke-Continuity Rule

Clay weighs less than ink. Compensate by weight.

On paper · +200 wght

This is not a review tool.

Roman 500 → clay 700. The bump compensates for ~5× luminance loss vs ink-on-paper.

On ink · +100 wght

This is not a review tool.

Roman 500 → clay 600 on ink. One clay across both surfaces; the weight bump is what compensates.

VIIChrome typography

The brand's connective tissue.

.smallcaps · default tracking 0.22em

No. I · Stealth · MMXXVI

14 May 2026 · Reading Time 4 min

Cited this week 47

.numeral-mono · tabular figures

£1,248.00 · 99.4% · 1m 14s

02 / 14 · 04·12 · MMXXVI

Numerals always tabular. Mixed-width digits are forbidden in product UI.

VIIIDisplay-scale rule · the tight-tracking trap

Fraunces Black at display: −0.015em and 0.96.

Fraunces Black at opsz 144 ships with substantial built-in tightness. Adding negative tracking on top of that crushes the letterforms. Canonical settings for any headline ≥ 72 px: letter-spacing −0.015em, line-height 0.96.

A quiet engine.
A loud result.

−0.035em / 0.88 · letters crowd, descenders crush; the line still reads but the page feels airless.

A quiet engine.
A loud result.

−0.015em / 0.96 · the typeface breathes; eyes find the second line without searching.

≥ 72 px · multi-word

−0.015em · 0.96

Hero headlines, manifesto, anti-brand, journal h1.

36 to 71 px

−0.025em · 1.05

Section heads, page-head titles, mid-titles.

Numerals · short labels

−0.04em · 0.9

Stat grids, big numerals, single-word labels. Numerals carry tighter tracking better than glyph runs.