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. Always uppercase, at every size, tracking 0. Only exception: #teamyellow.
New Season
AUTHENTIC TENNIS WORLD
Function Register: Roboto
Clear, neutral, readable, versatile. For body text, navigation, UI, product info, KPI numbers. Mixed case. URLs and other lowercase blocks (e.g. www.tennis-point.de) are set in Roboto Bold; there the lowercase is part of how they are written.
Expertise, closeness and real choice.
Tennis for everyone who really plays.
The enabler for tennis in real life.
1,842
Hierarchy System
Hero headline
CATEGORY TITLE
Subsection
Description text for content and explanations.
Meta information and footnotes
Live Preview
NEW SEASON
NEW SEASON
New Season
New Season
New Season
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 / CardDon't
- Uppercase is 10–20% less readable than mixed case. Therefore: keep character limits tight, never exceed them.
Headline + Subline
Right
NEW SEASON, NEW GAME
Discover the rackets of the new collection now.
Not like this
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.
New Season
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.
#teamyellow is set in yellow wherever the background carries it. White is not a #teamyellow state: a hashtag that says "yellow" and shows white contradicts itself.
Never white, never grey, never yellow on a light background.
#teamyellow sits as a signature beside or below the headline, never as part of the sentence.
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.
Correct
Headlines in uppercase (Courtside Sans)
Wrong
No mixed-case headlines
Wrong
No shadows, glow or outline
Wrong
Don't underline headlines
Wrong
No foreign fonts for headlines
Wrong
Body text not in Courtside Sans (use Roboto)
Correct
The only exception: #teamyellow always lowercase
Typographic No-Gos
Wrong
Courtside Sans in lowercase from 28px/pt: always uppercase (exception: #teamyellow)
Wrong
Courtside Sans Light or Regular for hero headlines: always Bold
Wrong
Roboto Black for anything other than KPI hero numbers (58pt+)
Wrong
Text blocks over 70 characters wide, centered body text
Wrong
Uni Sans, Powerline or other outdated TP fonts
Wrong
Text shadows, in every register and every medium. Poor legibility is solved through color, contrast or the treatment of the background, never through a shadow.
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.