03
Type system

TYPOGRAPHY

Three typefaces, each with a defined role. Never swap them between contexts.

Cinzel — titles
THE MUSIC DECK
Genre · Navigation · Buttons
Usage rules
  • Page titles, section headings, card headers
  • Navigation labels and button text
  • Genre labels and badge names
  • Always uppercase or title-case — never sentence case
Cormorant Garamond — body
A collectible card game built around music.
Each genre owns a border colour. World is the exception — it overlays a dotted pattern on the host genre's colour.
Usage rules
  • Body text, card descriptions, tooltips, paragraphs
  • Use italic for flavour text and secondary captions
  • Regular weight (400) for body, medium (500) for emphasis
  • Default body font — applied to body in globals.css
Space Mono — data
#c8a040 · 120 BPM
LEGENDARY · STACK ×3 · +45%
Usage rules
  • Numeric data, scores, percentages, counters
  • Section index labels (01, 02, 03…)
  • Hex colour codes, technical tags, CSS tokens
  • Keep sizes small (9–13 px) and letter-spacing loose