lonja-design-tokenslisted

Governs every aesthetic VALUE in the Lonja design system for CatchLaw — the two-tier palette from L-star-named primitives paper90 E6E4DC, ink11 16201C, harbour30 1B4D5E, verdant36 2E5E3A, oxblood28 7A2320 and ochre47 8A6A16 up to role slots surface, onSurface, hairline, ruleBearing, accent and verdictPass, the 4pt spacing spine s1 through s8, the four rule weights 0.5, 1, 2 and 3, a radius ceiling of 2, the no-shadow no-elevation policy, the three hand-authored themes paper, night and sunlight, the orthogonal glove density set, and the LonjaTokens snapshot a painter takes in its constructor. Use when adding a colour or gap, editing lib/theme/lonja_tokens.dart, choosing a rule weight or radius, authoring the sunlight palette, reaching for Colors. or Color(0x or BoxShadow or BorderRadius.circular, tuning glove-mode targets, checking a contrast pair, or reviewing any widget that paints a colour, rule, gap or radius in a diff.
zakariaf/CatchLaw · ★ 0 · Web & Frontend · score 55

Install: claude install-skill zakariaf/CatchLaw

# Lonja Design Tokens A token is a **measured value with a name that cannot lie about it** — `ink11` is #16201C because its CIE L\* is 11.2, and arithmetic, not taste, says so. This skill owns every aesthetic VALUE in CatchLaw: the pigment box, the spacing spine, the rule weights, the radius ceiling, the motion durations, the density set, and the three hand-authored themes they compose into. It does not own how a `ThemeExtension` is declared, lerped or read, nor type ramps, component anatomy, or what a verdict colour *means*. Read the reference for the task at hand: - `references/token-tables.md` — the 25 primitives, the 13 semantic slots, spacing spine, rule weights, radii, durations, density set, and the measured contrast table for all three themes. - `references/three-themes-and-modes.md` — paper, night and sunlight authoring, why sunlight is not an inversion, glove mode as orthogonal density, snapshot passing, and the golden lane matrix. Run `scripts/check_lonja_tokens.sh` before a PR. `ThemeExtension` mechanics — the `copyWith`/`lerp` contract, the asserting `of(context)` accessor, attaching an extension to every `ThemeData`, hand-authored `ColorScheme`, reduced motion, font bundling — live in `design-system-structure`; this skill governs the VALUES those mechanics carry. Type ramps live in `lonja-typography`; what a verdict colour *means* lives in `lonja-verdict-and-status`. ## Non-negotiable rules 1. **Every value in the app has exactly ONE home, under `lib/theme