Design system

Tailwind + shadcn/ui

Semantic tokens live in src/styles/globals.css. Primitives are in src/components/v2/ui.

Back home

Color

HSL variables power shadcn components; brand hex aliases map the existing palette.

background

Sample

foreground

Sample

primary

Sample

secondary

Sample

muted

Sample

accent

Sample

destructive

Sample

border

Sample

brand-bg

Sample

brand-surface

Sample

brand-muted (text)

Sample

Typography

Display — DM Sans

Body copy uses Questrial for long-form readability.

Muted helper text for labels and captions.

Buttons

Badges

Default
Secondary
Destructive
Outline

Form

Contact

Labels and inputs use the same radius and ring as buttons.