TYPOGRAPHY
Three custom typefaces: Brachial for hero display, League Gothic for headings, Museo Sans for body text.
BRACHIAL — DISPLAY
Bold 700 · Uppercase only · Hero moments only · Never for body text
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Hero Display
BOLD HEADLINES THAT COMMAND ATTENTION
Brachial · 700 · 4rem · 0.02em
LEAGUE GOTHIC — HEADING
Regular 400 · Always uppercase · Wide letter spacing (0.05em–0.35em) · Headings, buttons, nav
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Section Heading (6xl)
SECTION HEADINGS AND NAVIGATION
LeagueGothic · 400 · 3rem · 0.1em
Subsection (4xl)
SUBSECTION TITLES
LeagueGothic · 400 · 2.25rem · 0.15em
Button / Nav (xl)
BUTTON LABEL · NAVIGATION ITEM
LeagueGothic · 400 · 1.25rem · 0.05em
Watermark
VERSION47 · 2025
LeagueGothic · 400 · 0.875rem · 0.25em
MUSEO SANS — BODY
Regular 400 · Sentence case · Default sans-serif · Never for headlines
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Body Default
Body text uses Museo Sans at regular weight. It provides clear readability on dark backgrounds and pairs naturally with the condensed heading fonts above.
MuseoSans · 400 · 1rem
Caption / Small
Captions and supporting text use a smaller size with muted color.
MuseoSans · 400 · 0.75rem
TEXT EFFECTS
Decorative text treatments used in video compositions and graphics.
STROKE OUTLINE
$1.2T
$1.2T
VERSION47
Content sits on top of the watermark text
VIDEO COMPOSITION SIZES
Reference sizes for 1080×1920 vertical video compositions.
| Element | Font | Size | Color |
|---|---|---|---|
| Hero title line 1 | League Gothic | 144px | #E6DACA |
| Hero title line 2 | Brachial | 82px | #F2B85C |
| Hero title line 3 | League Gothic | 52px | #E6DACA |
| Counter value | Brachial | 80px | #F2B85C |
| Year counter | League Gothic | 44px | #E6DACA |
| X-axis labels | League Gothic | 36px | — |
| Y-axis labels | League Gothic | 18px | — |
| Final lockup stat | Brachial | 100px | #F2B85C |
| Watermark | League Gothic | 18px | #505060 |
CONSTRAINTS
- ✕ Never use Brachial below 48px
- ✕ Never use League Gothic in lowercase
- ✕ Never use Museo Sans for headlines
- ✕ Never use fonts outside the three-font stack
- ✕ Never use italic for heading fonts
- ✕ Never apply text-shadow — use background scrims