Guidelines
Anwendungsrichtlinien für Social Media, Web, Print und Layout.
Overlay-System
Text über Bild braucht eine Lesefläche. Der Gradient ist das Standardmittel — im Digitalen als halbtransparenter Verlauf, im Print als opaker Farbblock.
Halbtransparenter Gradient von deckend zu transparent. Drei Stops, eine Richtung. Das Bild bleibt sichtbar.
Gradient als Lesefläche
HEADLINE TEXT
Subline direkt auf Bild
Farblogik
| Bildcharakter | Overlay-Farbe | Textfarbe |
|---|---|---|
| Dunkles Bild | Kein Overlay | Weiß |
| Standard | #181818 → Transparent | Weiß |
| Helles Bild | #FFFFFF → Transparent | Schwarz (#181818) |
Verlauf (3 Stops)
Overlay-Breite
Fade-Zonen: No-Gos
Reels & Stories
Vertikale Videoformate brauchen eigene Regeln für Untertitel und CTAs — lesbar, schnell erfassbar, nicht überladen.
Untertitel: Roboto Bold, gemischte Schreibweise - Weiß auf halbtransparentem Schwarz (#000/70%)
Text-CTA: Courtside Sans, Versalien - Statement-Element für Overlays und Endcards
Button-CTA: Roboto Bold, gemischte Schreibweise - Schwarz auf TP Yellow (#FAF514)
Kein TP Yellow als Untertitel-Farbe - Gelb auf bewegtem Bild ist zu schlecht lesbar
Web / E-Commerce
Die Website ist Verkaufsfläche, nicht Galerie. Marke dient dem Kauf, nicht umgekehrt.
| Typ | Bild:UI | Beschreibung |
|---|---|---|
| Homepage | 60:40 | Hero-Bild, Kategorie-Teaser, Produkthighlights |
| Kategorie (PLP) | 40:60 | Freisteller in Liste, keine Kontextbilder |
| Produkt (PDP) | 50:50 | Freisteller groß + Winkel + Kontextbild |
| Kampagnen-LP | 70:30 | Hero dominant, Split-Module |
Print & Packaging
Verpackungen sind der fremdeste Kontext: kein Profilbild, kein Header, kein Bildsprache-System drumherum. Die Marke muss sich allein über Wortmarke, Typografie und Farbsystem tragen.
Informationshierarchie
Markenabsender
Wortmarke (Pflicht) + Ball-Icon (optional)
Produktname
Courtside Sans, Versalien - z.B. PREMIUM OVERGRIP
Subline / Features
Roboto - z.B. Tacky / Absorbent / Long-lasting
Technische Details
Maße, Gewicht, Material
Anleitung
Schrittweise mit nummerierten Icons
Pflichtangaben
Hersteller, Adresse, Herkunftsland
Regeln
Wortmarke: Pflicht auf jeder Verpackung (Vorder- UND Rückseite). Min. 35 mm Breite.
Ball-Icon: Erlaubt als Zusatz (Verschluss, Label, Endkappe) - ersetzt nicht die Wortmarke. Min. 8 mm Durchmesser.
Klare visuelle Trennung zwischen Hierarchie-Ebenen. Max. 2 Schriftgrößen pro Verpackungsseite.
Headlines (Produktname): Courtside Sans, Versalien - min. 14 pt / 5 mm Versalhöhe.
Body & Anleitungen: Roboto, Mixed Case - min. 7 pt / 2,5 mm. Legal: min. 6 pt.
Fließtext unter 12 pt immer in reinem K drucken (kein Rich Black) - verhindert Passerfehler.
TP Yellow nur als Akzent (Keyword, Icon-Highlight) - nie als Verpackungshintergrund. Schwarz auf Gelb ist Pflicht bei Typo auf Gelb.
Matt bevorzugt. Hochglanz nur als gezielter Spot-UV auf Logo oder Headline.
CMYK-Referenz
TP Yellow
C0 M0 Y100 K0
Neutralfarbe
K80 (Text) · C40 M30 Y20 K80 (Fläche)
Schwarz
K91 (Text) · C60 M40 Y40 K91 (Fläche)
Weiß
Papierweiß
Verbindliche Referenz ist der Proofdruck gegen #FAF514. Graustufen ausschließlich über den K-Kanal.
Kein TP Yellow als großflächige Hintergrundfläche · Keine bunten Farbverläufe · Keine Hochglanz-Gesamtfläche · Keine Fremdschriften · Kein Courtside Sans in Kleinbuchstaben · Kein Weiß auf TP Yellow (Kontrast 1,2:1) · Kein Ball-Icon als Muster oder Tapete
Layout- & Rasterlogik
Das Layout folgt der Bildhaltung: Nähe, Direktheit, kein Overdesign.
Desktop (1440px): 12 Spalten, 24px Gutter, 80px Außenabstand
Mobile (375px): 4 Spalten, 16px Gutter, 20px Außenabstand
Bildpriorität – Bilder bekommen Raum
Weißraum als Gestaltungselement – Min. 80px zwischen Sektionen
Asymmetrie erlaubt – Linksbündig Standard, zentriert nur für Hero-Headlines
Keine dekorativen Elemente – Keine Linien, Hintergrundformen, funktionslose Schatten
Social Media
Social Media zeigt Tennis so, wie es sich anfühlt - nicht wie es aussehen soll.
Format-Logik
Content-Kategorien
Play Content
Feed-Posts, Reels, Hero-Content
Community Content
Stories, Behind-the-scenes
Product Content
Stories, selten Feed
Plattform-Haltung
Instagram
Visuell stark, kuratiert aber nicht steril
Confident, nicht arrogant
TikTok
Roher, authentischer, weniger poliert
Spielerisch, direkt
LinkedIn
Business-relevant, nicht Corporate
Professionell, nicht langweilig
YouTube
Educational + Emotional
Expertise + Leidenschaft
Text-Overlay-Regeln
Schrift: Courtside Sans, Versalien
Max. 5 Wörter
Farbe: Weiß oder Schwarz auf Bild