Skip to content
00 — Colophon

The craft behind this site.

A live document of the type, color, and stack that power AffiliatePredictions — built end-to-end with Lovable.

01 — Type scale
Display
96px
Prediction markets are the next category.
H1
64px
Prediction markets are the next category.
H2
40px
Prediction markets are the next category.
H3
28px
Prediction markets are the next category.
Lead
20px
Prediction markets are the next category.
Body
16px
Prediction markets are the next category.
Meta
12px
Prediction markets are the next category.
02 — Palette
--ink
Primary surface
--navy
Elevation 1
--surface-2
Elevation 2
--surface-3
Elevation 3
--gold
Primary accent
--gold-glow
Accent hover
--bone
Foreground
03 — Stack
  • TanStack StartFull-stack React framework
  • React 19UI runtime
  • Vite 7Build tooling
  • Tailwind CSS v4Styling, tokens
  • Motion (Framer)Animation
  • Lovable CloudDatabase, auth, storage
  • Cloudflare WorkersEdge runtime
  • LovableBuilt end-to-end
04 — Craft notes

Custom cursor with a lagging gold ring on fine-pointer devices. Magnetic primary CTAs. Cursor-follow gold spotlight on the hero. Page transitions fade in with an 8px y-shift.

Press ⌘K / Ctrl K anywhere to open the command palette. Every animation is gated on prefers-reduced-motion and every focus state lands in gold.

Back homeBuilt with Lovable →