Premium frontend, on subscription.
This page exists only so you can sign off on the brand match before we build real screens. Type, color, radii, and motion below are pulled from design-tokens.json— the same source of truth we'll keep in sync with the marketing site.
Type
The quick violet fox.
Subheads land here, calm and tight.
Body copy uses Inter at 15px with a 1.55 line-height. Muted text sits on the gray-4 ramp so it recedes without disappearing.
Inline accent — ship in 2–3 business days — uses Instrument Serif italic on violet-500, matching the marketing site.
Buttons
Form
Palette
background#0A0A0A
card#111113
muted#18181B
border#232327
violet-300#B294FF
violet-500#6E2BFF
violet-600#5B1FE0
success#22C55E
amber#FBBF24
danger#EF4444
Radii & motion
sm — 12px
md — 14px
lg — 16px (base)
xl — 20px
pill — 999px
Brand easing — cubic-bezier(0.22, 1, 0.36, 1) — is exposed as var(--ease-out).