Typography
Type scale from page-level headings to helper text. Built on Inter with system fallback. Tracking and line-height tuned for legibility across devices.
Scale
Display / h1
I'll take you to the match
Section / h2
What our fans say
Subsection / h3
El Clásico packages
Body large
Professional trip organization to matches of Europe's top clubs.
Body small
Match tickets + hotel + transfer in a single package.
Eyebrow / kicker
Featured packages
Rules
Never use `translateY` on hover/active
Project cardinal rule - no `transform: translateY(…)` on hover/focus/active. Use scale, opacity, color, shadow instead. Quality without bouncy elements.
Linear icons, never emoji in UI
Lucide-react (linear icons). No emoji in any component - emoji is off-brand for the project.
Negative tracking on headings only
h1, h2, h3 → `tracking-tight`. Body → default tracking. Subhead/eyebrow → `tracking-wider uppercase`.