Brand / Typography
Brand

Typography

A two-font system: a display face for headings, stat values, and the logo wordmark, and a body face for everything else. A monospace face is reserved for reference IDs, hex codes, and code.

Type scale

Display
--font-display · 600 · 38px
Design system
H1 / page title
--font-display · 600 · 30px
Design system
H2 / section title
--font-display · 600 · 24px
Design system
H3
--font-display · 600 · 20px
Design system
H4
--font-display · 600 · 17px
Design system
Body
--font-sans · 400 · 15px
Design system
Body small
--font-sans · 400 · 13.5px
Design system
Caption
--font-sans · 500 · 12px
Design system

Product fonts

FrauncesMonieMatch

App display face — headlines, match scores, currency amounts.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
NunitoMonieMatch

App body copy, labels, and buttons.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Bricolage GrotesqueStampdx

Headings and the wordmark.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Plus Jakarta SansStampdx

UI text and paragraphs.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
SyneKronikl

Display, headings, and UI labels.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
InterKronikl

Body copy.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Usage rules

RuleDetail
Display weight capThe display face never goes above weight 600 — no 700/800/900 headings.
Body faceUsed for all prose, labels, and UI copy. Optimised for legibility at small sizes.
MonospaceReference IDs, hex codes, and code snippets only — never for prose.
Line height1.6 for body copy, 1.15–1.3 for headings depending on size.