Live previews and reference for the kit's tokens, atoms, UI components, and widgets. Pages here load the kit's actual CSS and custom-element code via relative paths into the vendored kit tree — the same files the lab loads — so a render mismatch here is a kit-side bug, not a catalog-side one.
Tabbed reference: typography, spacing, color, radii & shadows,
atoms, UI components, and widgets — each as its own panel. UI components
and widgets are kept separate so the visual vocabulary doesn't blur.
Reads live from tokens.css, css/atoms/*,
handler CSS, and <lab-widget-*> custom elements.
A shared vocabulary of six camera roles every investigation draws from — intro, working, overhead, instrument, phenomenon, compare — plus the rules that govern when each one fires. Authoring reference for teachers and UX authors. Includes worked examples from three pilot investigations.