Grid of design tokens with a live preview surface and an edit-history rail. Selecting a token highlights every consumer downstream.
Token editor is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Token editor: Grid of design tokens with a live preview surface and an edit-history rail. Selecting a token highlights every consumer downstream.
Default colour palette, then a tighter spacing/radius slice, and a typography surface with history. Each grid is the same component, configured differently.
One change cascades to every primitive that reads the token.
Bay lighting amber — hot states, warnings, attention pulses.
--primitive-amber#FF9A1FOne change cascades to every primitive that reads the token.
Edit the value below — every primitive in the cascade repaints in the same frame.
--primitive-radius-md12pxOne change cascades to every primitive that reads the token.
Edit the value below — every primitive in the cascade repaints in the same frame.
--primitive-shadow-card0 18px 38px rgba(0,0,0,0.32)