Components / Live specimen
One visual language,
built from real primitives.
Buttons, fields, statuses, surfaces, and motion all come from reusable shadcn-style components—not page-specific copies of the exported CSS.
Token driven
Actions
Button hierarchy
ReadyProcessingDraft recipe2048 × 2048
Surfaces
Blur only when hierarchy earns it.
Flat
Dense utility
Low-cost surface for rows and compact information.
Soft glass
Supporting layer
A quiet panel for related settings and secondary content.
Strong glass
Primary panel
A legible work surface over the ambient background.
Inverted
Decisive action
Reserved for the strongest action or conclusion.
Feedback
Quiet, readable progress.
Progress stays subordinate to the task while remaining easy to understand at a glance.
34%
62%
88%