Token editor
One change cascades to every primitive that reads the token.
WORKSHOP AMBER
Bay lighting amber — hot states, warnings, attention pulses.
--primitive-amber#FF9A1FEvery brand-control primitive composed into the central umbrella-effect hub. Edit a token in the top-left and every consumer below repaints.
Brand control hub is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Brand control hub: Every brand-control primitive composed into the central umbrella-effect hub. Edit a token in the top-left and every consumer below repaints.
One change cascades to every primitive that reads the token.
Bay lighting amber — hot states, warnings, attention pulses.
--primitive-amber#FF9A1FOne edit reaches 184 consumers across 5 primitive families.
--primitive-amber· Workshop AmberCascade reach across every primitive family.
OKLCH-aware preview with live WCAG contrast against your chosen surface.
Workshop Amber · oklch(74.0% 0.18 62.0)
The Mufflermen badge stays legible on every supported surface.
Body copy at 13/1.5 over Obsidian Canvas — 9.59:1.
Anton's condensed badge weight reads as workshop signage. Inter at 13/1.55 carries every body surface without competing.
Built for Illawarra workshops since 1987. Custom exhaust, brakes, ECU tuning — done once, done right.
Duration × easing tokens with a live scrubber. Respects reduced motion.
/brand/logos/knight-badge.svg
17.8 KBPNG @2x82.1 KBWebP31.7 KB/brand/logos/wordmark.svg
6.7 KBPNG31.4 KBInherited permissions arrow back to the source role.
| Role | tokens | assets | deploy | publish | audit |
|---|---|---|---|---|---|
| Daniel · Founder | Admin | Admin | Admin | Admin | Admin |
| Mia · Brand | Write | Write | Read | Write | Read |
| Ben · Parts | None | Read | None | None | Read |
| Tim · Workshop | None | Read | None | None | Read |
| Kira · Contract | None | brand | None | None | None |
daniel@oakflatsmufflers.com.aumia@oakflatsmufflers.com.auPromote staged tokens through your rollout pipeline.
WCAG 2.2 audit summary. Failing checks block production deploy.
Always leave a buffer equal to half the knight badge height around every lockup. Never crowd the badge with copy or other marks.
We talk like a workshop foreman — confident, specific, no jargon for jargon's sake. Avoid 'leverage', 'solutions', 'best-in-class'.
--primitive-amber
Logo clearspace rules
Spring 2026 staging → production
Knight badge — outline variant