Typography
Typography is a secondary character carrier. The image leads. Typography supports.
Statement Register: Courtside Sans
Geometric, wide, self-assured, distinctive. For headlines, claims, disruptors, hero text. Uppercase from 28px/pt, title or sentence case below.
ADVANTAGE YOU
AUTHENTIC TENNIS WORLD
Function Register: Roboto
Clear, neutral, readable, versatile. For body text, navigation, UI, product info, KPI numbers. Mixed case.
Regular – Tennis for everyone who really plays.
Medium – Expertise, closeness and real choice.
Bold – The enabler for tennis in real life.
Hierarchy System
Hero headline
CATEGORY TITLE
Subsection
Description text for content and explanations.
Meta information and footnotes
Live Preview
ADVANTAGE YOU
ADVANTAGE YOU
Advantage You
Advantage You
Advantage You
Headline Rules
Courtside Sans in uppercase needs clear length constraints — especially across multiple languages. Character count is the leading metric, not word count.
French is usually the longest language in the system, well beyond English and often beyond German. Calibrate character limits to the longest language version and test against French when in doubt.
YOUR SUMMER ON COURT
Hero HeadlineNEW SEASON, NEW PRICES FOR EVERYONE WHO PLAYS
Secondary HeadlineNEW IN: HEAD EXTREME
Thumbnail / CardUppercase is 10–20% less readable than mixed case. Therefore: keep character limits tight, never exceed them.
Headline + Subline
NEW SEASON, NEW GAME
Discover the rackets of the new collection now.
NEW SEASON, NEW GAME
Discover the rackets of the new collection now.
A subline in Courtside uppercase competes with the headline, no hierarchy emerges.
The subline is set in Roboto, mixed case, directly below the Courtside uppercase headline. Never Courtside, never all-caps in the subline.
CTA Typography
CTAs differ depending on whether they appear as standalone text or as a button.
Text CTA (no button)
Courtside Sans Bold, UPPERCASE
Statement element — direct, standalone. For overlays, disruptors, end cards.
ADVANTAGE YOU
Button CTA (with background)
Roboto Bold, mixed case
Functional click trigger — readable, clear. On TP Yellow (#FAF514) always with black text; on dark with white text.
Discover nowSpecial case: #teamyellow
The community element #teamyellow follows its own casing rule. It is the only element that intentionally breaks the uppercase convention.
#teamyellow
For 9:16, vertical OOH, tags and narrow spaces. Stays one hashtag (the # only once), lowercase, Courtside. Fixed proportions, do not stretch freely.
Always Courtside Sans. Always lowercase. In every size and context.
The lowercase carries the approachability of the hashtag — uppercase would turn #teamyellow into a campaign headline instead of a community signal. Applies across web, social, print, retail, presentations and merch.
Channel-Dependent Logic
Courtside Sans may take center stage. Here typography carries attitude and energy.
Roboto takes priority. Conversion and legibility over brand expression. Courtside only in flashes or promo headlines.
Do / Don't
Courtside Sans for headlines, in uppercase, without effects. Roboto for body text. One single exception: #teamyellow.
Headlines in uppercase (Courtside Sans)
No mixed-case headlines
No shadows, glow or outline
Don't underline headlines
No foreign fonts for headlines
Body text not in Courtside Sans (use Roboto)
The only exception: #teamyellow always lowercase
Typographic No-Gos
Courtside Sans in lowercase from 28px/pt — always uppercase (exception: #teamyellow)
Courtside Sans Light or Regular for hero headlines — always Bold
Roboto Black for anything other than KPI hero numbers (58pt+)
Text blocks over 70 characters wide, centered body text
✗Uni Sans, Powerline or other outdated TP fonts
Fonts & License
Courtside Sans is the brand typeface (based on League Spartan, SIL OFL 1.1) and is available here as a package including the license. Roboto is a free Google Font. Toronto Gothic is logo-only and must not be used for headlines.