Design system tokens #45

Closed
opened 2026-08-22 18:48:37 +01:00 by naps62-yolo · 0 comments
Owner

Author .impeccable/design.json — colours, typography, spacing, the token set
every component consumes. Use the impeccable skill for this; it is what
the file's schema belongs to (CLAUDE.md, design section).

~/tea/arcada has a finished design.json at schemaVersion: 2 worth reading
first for the shape.

Constraints specific to this app:

  • The manual-search view (DESIGN.md §9.3) is dense, tabular and chip-heavy.
    The palette has to carry three verdict states — eligible, waived, rejected —
    legibly at small sizes and against each other, without relying on colour
    alone.
  • Library status (§4.2) is five states, and they are informational rather than
    severity-ranked. Do not borrow an error/warning/success ramp for them.
  • It runs on a NAS dashboard, often on a phone, often in a dark room. Dark mode
    is not an afterthought.

.impeccable/live/config.json is already scaffolded and points at
web/index.html.

Acceptance: components consume tokens, never literal colour or spacing values,
and CI can assert that.


Depends on: #6

Labels: phase/5-ui, area/web, difficulty/moderate, type/feature

Author `.impeccable/design.json` — colours, typography, spacing, the token set every component consumes. **Use the `impeccable` skill for this**; it is what the file's schema belongs to (`CLAUDE.md`, design section). `~/tea/arcada` has a finished `design.json` at `schemaVersion: 2` worth reading first for the shape. Constraints specific to this app: - The manual-search view (`DESIGN.md` §9.3) is dense, tabular and chip-heavy. The palette has to carry three verdict states — eligible, waived, rejected — legibly at small sizes and against each other, without relying on colour alone. - Library status (§4.2) is five states, and they are informational rather than severity-ranked. Do not borrow an error/warning/success ramp for them. - It runs on a NAS dashboard, often on a phone, often in a dark room. Dark mode is not an afterthought. `.impeccable/live/config.json` is already scaffolded and points at `web/index.html`. Acceptance: components consume tokens, never literal colour or spacing values, and CI can assert that. --- **Depends on:** #6 Labels: `phase/5-ui`, `area/web`, `difficulty/moderate`, `type/feature`
naps62-yolo added the phase/5-uiarea/webdifficulty/moderatetype/feature labels 2026-08-22 18:48:37 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: yolo/arr#45