Design tokens

Phase 1 acceptance page. Every swatch, size and radius below renders from a token. Nothing is hardcoded.

Colour ramps

H1: Cabin 64/78 SemiBold

H2: Cabin 48/62 Medium (the deliberate break)

H3: Cabin 32/42 SemiBold

H4: Cabin 24/32 SemiBold

H5: Cabin 18/27 SemiBold

Body L: Cabin 24/32 Regular. The quick brown fox jumps over the lazy dog.

Body M: Cabin 18/27 Regular. The quick brown fox jumps over the lazy dog, then follows a link.

Body S: Cabin 14/21 Regular. The quick brown fox jumps over the lazy dog.

Body S Bold: Cabin 14/21 SemiBold.

Body XS: Cabin 12/15 Regular. Legal, footnotes, meta.

H2 mobile step: 30/40 (renders at all widths here for inspection)

9 · 10 · 12 · 15 · 20 · 30 · 40 · 50 · 60 · 65 · 80 px, verbatim from Figma. Off-scale numbers do not compile.

Button shape: 3px radius, 12/30 padding Outline: 1px Burgundy/500 Hover gradient fill Card: 15px radius, Slate/300 hairline Thumb: 4px radius

No shadows anywhere on this page, and no shadow-* utility exists in the build. That is the design.