loom muslin

Muslin tokens

Design values live in tokens.json as DTCG, grouped by mode (light/dark) and accent (blue…rose). The build emits CSS custom properties, a Tailwind v4 @theme inline preset, typed TypeScript, and plain JSON.

Core scales: spacing on a 4px grid, radii 4/6/8, type 12–24px with tabular numerals for data, motion 120/160/200ms. Every color pair is gated by an automated WCAG check (text 4.5:1, non-text 3:1) — a failing accent or status color fails the build before it can ship.

Machine-readable token data ships at /muslin/tokens.json alongside the docs; AI agents use the same file.