Styleguide
Every token and component, rendered live. 86 products / 25 bundles seeded; all bundles validated through the coherence scorer (threshold 72).
Color
Accent appears on ≤5% of any screen. Status colors only for status.
bg--bg
surface--surface
surface-2--surface-2
line--line
ink--ink
ink-soft--ink-soft
ink-mute--ink-mute
accent--accent
accent-soft--accent-soft
positive--positive
warning--warning
danger--danger
Typography
Fraunces (display serif) · Inter (UI sans) · Geist Mono (specs). Swap via two CSS vars.
Display serif — the magazine voice
Heading 1
Heading 2
Body — comfortable editorial reading
Caption / disclosure
0123456789 · $248 · size 14 · tabular nums
Space & Radius
--s-2
--s-3
--s-4
--s-5
--s-6
--s-7
--s-8
--r-sm
--r-md
--r-lg
--r-xl
CoherenceMeter
Fill + color animate across danger → warning → positive (0 / 72 / 100).
Coherence100
Coherence78
A neutral shoe would balance this.
Coherence54
Pieces sit at different formality levels.
AffiliateCTA
The only outbound style. Always rel='sponsored nofollow' + new tab.
LookCard (editorial)
Full-bleed cover, scrim, serif title, mono price. Not a boxed product card.