Reference
Style guide
Global standards: tokens in src/styles/globals.css, Tailwind v4 + shadcn UI premitives under src/components/v2/ui. Token preview: Design system.
Site palette (Tailwind)
Prefer site-* and shadcn semantic colors over arbitrary [var(--…)] in class names.
bg-site-page
site-page (page background)
bg-site-surface
site-surface (cards)
bg-site-canvas
site-canvas (loader / alt)
bg-site-ink
site-ink (primary text on dark)
bg-muted-foreground
muted-foreground (secondary text)
Typography
Display: DM Sans (big-title, headings)
Sample .big-title
Body: Questrial for paragraphs, forms, and UI copy.
Label style: uppercase, tracked
Primary actions (site)
Outlined GSAP hover button and SVG arrow link (hero, projects, about).
shadcn / UI primitives
Default
Secondary
Outline
Form pattern
Example
Contact form uses the same borders and focus rings as these inputs.