Postie · preview 03 · foundations

pack/guidelines/

Colour

5 cards · both themes

colors-paletteguidelines/colors-palette.card.html · 1440×1150

colors-themesguidelines/colors-themes.card.html · 1440×1180

colors-pairingsguidelines/colors-pairings.card.html · 1440×1230

colors-usageguidelines/colors-usage.card.html · 1440×900

print-specguidelines/print-spec.card.html · 1440×1000

Ledger rows

p3-foundations-colors-palette locked guidelines/colors-palette.card.html
p3-foundations-colors-themes locked guidelines/colors-themes.card.html
p3-foundations-colors-pairings locked guidelines/colors-pairings.card.html
p3-foundations-colors-usage locked guidelines/colors-usage.card.html
p3-foundations-print-spec locked guidelines/print-spec.card.html

pack/guidelines/

Type

2 cards · both themes

type-displayguidelines/type-display.card.html · 1440×700

type-body-monoguidelines/type-body-mono.card.html · 1440×620

Ledger rows

p3-foundations-type-display locked guidelines/type-display.card.html
p3-foundations-type-body-mono locked guidelines/type-body-mono.card.html

pack/guidelines/

Shape · spacing

2 cards · both themes

shape-decorguidelines/shape-decor.card.html · 1440×900

spacing-scaleguidelines/spacing-scale.card.html · 1440×560

Ledger rows

p3-foundations-shape-decor locked guidelines/shape-decor.card.html
p3-foundations-spacing-scale locked guidelines/spacing-scale.card.html

pack/tokens/ · pack/styles.css · pack/TOKENS.md

Token files

10 ledger rows

styles.cssthe entry point — eight @import lines in order, nothing else

tokens/fonts.cssNunito 800 · Nunito Sans 400 / 600 / 700

tokens/colors.css31 fixed values · on-colour inks annotated · alpha: none

tokens/themes.cssdark default · light alternate · brand / working contexts — every scope applies colour

tokens/typography.cssfaces, weight, tracking ramp, recorded size scale

tokens/spacing.cssbase 4 · 4 → 24 · section 32

tokens/shape.css12 / 16 / pill · edge 1.5px

tokens/motion.css180ms · one easing · suspended under reduced motion

tokens/base.cssface + tabular figures applied · no reset by design

TOKENS.mdevery token in text · CMYK + Pantone · every ratio · the illegal list · the four rules

Ledger rows

p3-foundations-styles locked styles.css
p3-foundations-tokens-fonts locked tokens/fonts.css
p3-foundations-tokens-colors locked tokens/colors.css
p3-foundations-tokens-themes locked tokens/themes.css
p3-foundations-tokens-typography locked tokens/typography.css
p3-foundations-tokens-spacing locked tokens/spacing.css
p3-foundations-tokens-shape locked tokens/shape.css
p3-foundations-tokens-motion locked tokens/motion.css
p3-foundations-tokens-base locked tokens/base.css
p3-foundations-tokens-md locked TOKENS.md

No value changed

The canonical files are the working set written out, not redesigned. Proven in headless Chromium against components/tokens.working.css; the outputs are in phase-3/foundations/verify/.

Computed properties compared6,27061 names × 19 scopes × 5 theme / motion states

Differences0every scope, both themes, reduced motion

Pixel diff · Button · MailList · app ×20 pxlink swapped to styles.css, re-rendered

Gate pairings13 ≥ 4.5contrast gate on tokens/colors.css · no skips

Preview pages are viewing surfaces for the build, not part of the system. This page frames the pack's own files (guidelines/, tokens/, styles.css) at their real sizes; the deliverable is the pack. It ships with the pack so the owner can open it, and is listed as "not a card" in the coverage table.

The set: preview-01-components (canvas CiyL9UCMhtdJf7ktAjG4Rk) · preview-02-wave · this page. The first two were shown together for the green-light; this one follows it.