Design reference¶
The full design system, every component's props and selectors, plus the color, type, radius, shadow and motion tokens behind them, is hosted on its own dedicated page, browsable independently of a running dashboard build:
It's built from three packages under frontend/:
packages/ui(@wardn/ui), the component library the dashboard app is assembled from.packages/tokens(@wardn/tokens), the color/spacing/type tokens everything else is built on.storybook, the browsable instance itself, built in CI.
The same tokens this page's own theme is built from (see stylesheets/extra.css) are published there as static files, so other tooling can consume them without depending on Storybook's own UI.