The system every Webzenia app is built on
This whole site renders from @webzenia/tokens and components installed via shadcn add @webzenia/*. It is the exact system any Webzenia-powered app consumes. If it drifts here, it drifts everywhere. So it can’t.
AdoptSix steps to a Webzenia-powered app: tokens, components, and the governance gates.
FoundationsColour scales, type, spacing, radius, elevation, and motion, rendered live from the tokens.
TokensThe contract: the two-tier model, the laws, theming, and how to consume it.
ComponentsThe @webzenia/ui registry. Install any with shadcn add @webzenia/<name>.
VoiceHow Webzenia writes: editorial, restrained, specific. The do and don’t.
AccessibilityWCAG-AA as a build gate, with the live contrast matrix.
Built dark-first; one data-theme switch flips the whole system to light. The governance gates ship with it — see Governance.