Comps and design reference

Screen captures of the live Lovable preview (the design the client approved) plus the design tokens. These are the visual baseline for parity testing after the rebuild. Signed-in screens are captured as soon as you log into the preview once (decision D9).

Public pages (captured 2026-08-19, 1410x840, signed out)

Still to capture (needs a signed-in session)

Design tokens (from the live CSS variables)

Tokens are HSL triplets as used by shadcn/ui (hsl(var(--primary))). Fonts: Bebas Neue for display / uppercase headings, Inter for body text. Buttons: green gradient call-to-action, orange accents, gold for the Legend tier. Source files: src/index.css, tailwind.config.ts.