Specimen
The UI foundation
Newsreader, the warm palette and the shadcn chrome, all from src/app/styles.css. Nothing on this page is styled by hand.
One file, two cuts
Both lines below are Newsreader at opsz 6–72, from the same 67K download. The optical size axis is what the file is paying for: at 68px the letterforms tighten and the contrast opens up, at 14.5px they do the opposite.
La Meunière
Display cut · 68px · weight 600
Ce que le chef a cueilli le matin même décide du dîner — la cueillette passe avant la carte, et l’œuf du jour avec. Une salle de bouchon tenue comme un bistrot moderne : même séquence, autre cuisson.
Text cut · 14.5px · weight 400
Œœ Àà Ââ Ææ Çç Èè Éé Êê Ëë Îî Ïï Ôô Ùù Ûû Üü Ÿÿ « » ’ – — … € °
Everything the subset carries beyond ASCII
The palette
Ink and paper
The two surfaces everything else sits between.
--color-ink
#1c1b1a
Body text, headings
--color-ink-dim
#6b655f
Secondary text, metadata
--color-ink-faint
#a39c8f
Placeholders, disabled
--color-paper
#faf7f2
The page
--color-line
#e4ddd2
Borders, rules, inputs
--color-chip
#efe8db
Filter chips, hover surfaces
--color-card-paper
#ffffff
Cards lifted off the page
The accent
One red. Links, primary actions, the focus ring — nothing decorative.
--color-accent
#b8452f
Primary action, links, ring
--color-accent-ink
#ffffff
Text on the accent
Verdict states
The review queue reads these at a glance, so each is a pair: the mark and the tint it sits on.
--color-pass
#2f7a4d
Confirmed
--color-pass-bg
#e6f2e9
Confirmed, as a surface
--color-fail
#a83a2c
Rejected, destructive
--color-fail-bg
#f7e8e5
Rejected, as a surface
--color-flag
#a06a12
Needs a human
--color-flag-bg
#fbeed7
Needs a human, as a surface
--color-abstain
#8a8378
The classifier declined
--color-abstain-bg
#eeeae1
Declined, as a surface
The chrome
System sans, everywhere that is not editorial — which is all interface furniture and the whole of admin. These are the shadcn components as copied in, with no per-page overrides.