Design substrate
Foundations
What every component is built on: the --ui-* token contract that makes skins a data concern, and the sx-* / ui-* attribute grammar that composes layouts. Change a token or a skin and the whole UI repaints — no per-component CSS.
Foundations
The token contract
One fixed set of design tokens (surfaces, text, accent, state, border, radius, motion, type) that every skin emits for light and dark. Skins decide values.
Foundations
Token-driven UI: skins as data
Visual identity is data, not code. Every primitive reads the active skin's --ui-* tokens, so the same templates render in any palette with zero component CSS.
Foundations
Skin algorithms: balanced, glass, brutalist
Three deterministic algorithms turn a seed colour into a full, accessible token set with its own personality, each with a few knobs to tune it.
Foundations
Generate & refine skins
Generate skins from the CLI, from a seed colour or a natural-language prompt, then refine them with knobs. Rebuild re-emits tokens.css from skin.json.
Foundations
The sx-* / ui-* grammar
Declarative UI composition with two attribute namespaces: sx-* for layout and spacing, ui-* for primitive identity, resolved from the active skin's tokens.
Foundations
Per-route CSS bundles
The sx-* / ui-* grammar is a fixed vocabulary, so the compiler sees which slices a template uses and emits a per-route CSS bundle, often under 3KB gzipped.