Design System
Tokens and reusable UI primitives (NOA-82). Toggle the theme in the header to review light and dark variants.
Colors
bg-background
bg-primary
bg-secondary
bg-muted
bg-accent
bg-destructive
bg-success
bg-warning
bg-info
Typography
display-2xl
display-xl
display-lg
heading-lg
heading-md
heading-sm
body-lg
body-md
body-sm
ui-md
ui-sm
Buttons
Input
Card
Headline story
A reusable content card for article previews.
Cards compose header, content, and footer slots.
Loading state
Skeleton primitives for async content.