feat(canary): UI design layer — vector-minimalism tokens + primitives
Operator (Carter) redirected from infra Phase 15 to UI design layer; design ethos
"vector-minimalism" (specimen-cataloging mind, off-white paper, deep ink, alarm-red
accent, hairline rules, halftone/grain overlays). Foundation only — pages follow.
Tokens: 7-step paper/ink/alarm/signal palette + paper-grain SVG noise + halftone
dot data-uri + hairline width. Stripped color palette in white-canvas commit is
deliberately NOT re-introduced; this is a project-owned palette, not the template's.
Primitives (each in own folder with module SCSS):
- Strip / StripItem — archive header (vol/issue/serial pills)
- LeaderLabel — index + rule + caption annotation
- SpecimenCard — tag + body + serial container (paper|ink|alarm tone)
- DataRow — field=value with dotted leader (mono|emphasize|alarm)
- Pill — paper|ink|alarm|signal label
- CopyField — labelled mono code with clipboard button
- Halftone — repeating dot strip (sparse|normal|dense)
- SerialBar — fingerprint bar + code two-row mono display
- Glyph — 7 token-type SVG icons (currentColor, 24×24)
- Field (Text/Textarea/Select/Wrap) — labelled form inputs with leader rule
- Button — primary|ghost|alarm × sm|md|lg
Gates green: pnpm typecheck + pnpm biome check + pnpm lint:scss + pnpm build (294ms).
No backend changes. No page-level routing changes yet.
f5d893ab8c