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.

ElementFontSizeColor
Hero title line 1League Gothic144px#E6DACA
Hero title line 2Brachial82px#F2B85C
Hero title line 3League Gothic52px#E6DACA
Counter valueBrachial80px#F2B85C
Year counterLeague Gothic44px#E6DACA
X-axis labelsLeague Gothic36px
Y-axis labelsLeague Gothic18px
Final lockup statBrachial100px#F2B85C
WatermarkLeague Gothic18px#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