Guidelines
Anwendungsrichtlinien für Social Media, Web, Print und Layout.
Social Media
Social Media zeigt Padel so, wie es sich anfühlt – nicht wie es aussehen soll.
Format-Logik
| Plattform | Format | Verwendung | Cropping |
|---|---|---|---|
| Instagram Feed | 1:1 | Spielmomente, Produkte | Eng am Spieler |
| Instagram Stories | 9:16 | Behind-the-scenes | Spieler im unteren Drittel |
| Instagram Reels | 9:16 | Dynamische Action | Bewegung im Zentrum |
| TikTok | 9:16 | Raw Gameplay, Community | Weniger poliert |
| 1.91:1 | Team-Updates, Business | Professioneller Ton |
Content-Kategorien
Feed-Posts, Reels, Hero-Content
Stories, Behind-the-scenes
Stories, selten Feed
Plattform-Haltung
| Plattform | Haltung | Ton |
|---|---|---|
| Visuell stark, kuratiert aber nicht steril | Confident, nicht arrogant | |
| TikTok | Roher, authentischer, weniger poliert | Spielerisch, direkt |
| Business-relevant, nicht Corporate | Professionell, nicht langweilig | |
| YouTube | Educational + Emotional | Expertise + Leidenschaft |
Text-Overlay-Regeln
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) |
| Hero-Moment | #0071EA → Transparent | Weiß |
Verlauf (3 Stops)
Overlay-Breite
Counter Fade
Für zweizeilige Headlines: Zwei gegenläufige Verläufe erzeugen Spannung und Blickführung. Zeile 1 links→rechts, Zeile 2 rechts→links.
Regel
Ausnahme
Accent Bar
PP-Blau (#0071EA), Enden 9°-geschert. Optional, max. 1× pro Komposition. Wird nicht durch den Gradient ersetzt — beide können gleichzeitig existieren.
| Kontext | Accent Bar |
|---|---|
| Präsentation | 1× pro Slide — unter der Seitenüberschrift |
| Social Media | Optional, max. 1× — wenn Text-Overlay vorhanden |
| Webshop | Nein — HTML-Logik übernimmt |
| Print / Retail | Optional, max. 1× — bei Headlines auf Flächen |
Fade-Zonen: No-Gos
Reels & Stories
Vertikale Videoformate brauchen eigene Regeln für Untertitel und CTAs — lesbar, schnell erfassbar, nicht überladen.
Untertitel: Fira Sans Bold, gemischte Schreibweise — Weiss auf halbtransparentem Schwarz (#000/70%)
Text-CTA: Fugaz One, Versalien — Statement-Element für Overlays und Endcards
Button-CTA: Fira Sans Bold, gemischte Schreibweise — Weiss auf Brand Blue (#0071EA)
Kein Blau auf Untertiteln — zu schlecht lesbar auf bewegtem Bild
Newsletter
Newsletter-Banner folgen einer festen visuellen Logik: Bild führt, Text sitzt als Overlay darauf.
Headline: Fugaz One, Versalien — weisser Highlight-Balken mit Gradient zu Transparenz
Subline (optional): Fira Sans, gemischte Schreibweise — gleicher Balken
Blau nur als Keyword-Akzent in der Headline (z.B. 'SALE', '60%'), nie flächig
Bild: Court-Fotografie, dunkles Grading, Spielkontext — keine Freisteller, keine Studio-Shots
YouTube Thumbnails
Thumbnails erscheinen in einer Grid-Übersicht nebeneinander. Immer dasselbe Layout erzeugt Wear-out — deshalb dürfen drei definierte Stile bewusst gemischt werden.
Highlight-Balken
Fugaz One, Versalien — weisser Balken mit Gradient zu Transparenz. Subline optional in Fira Sans, gemischte Schreibweise.
Akzentlinie
Fugaz One, Versalien — blaue Akzentlinie unter der Headline. Kein Balken.
Clean
Nur Wording auf Bild, ohne Balken und ohne Akzentlinie. Maximale Reduktion.
Alle drei Stile innerhalb eines Kanals abwechseln — nie drei Thumbnails in Folge im gleichen Modus.
Presenter-Ausnahme
YouTube Thumbnails dienen der Klick-Konversion, nicht der Markenbildung. Deshalb gelten gelockerte Bildlogik-Regeln:
Blick in die Kamera
Erlaubt — Plattform-Konvention, erzeugt Verbindung
Statische Pose
Erlaubt — kein Spielmoment nötig
Präsentationsgeste
Erlaubt — Zeigen, Erklären, Reaktion
Inszenierte Emotion
Erlaubt — Ausdruck darf überspitzt sein
Was weiterhin gilt: Typografie (Fugaz One, max. 25 Zeichen), Farbsystem, Modi-Regel, keine Fremdschriften.
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
| # | Funktion | Beschreibung |
|---|---|---|
| 1 | Markenabsender | Wortmarke (Pflicht) + Monogramm (optional) |
| 2 | Produktname | Fugaz One, Versalien — z.B. PREMIUM OVERGRIP |
| 3 | Subline / Features | Fira Sans — z.B. Tacky / Absorbent / Long-lasting |
| 4 | Technische Details | Maße, Gewicht, Material |
| 5 | Anleitung | Schrittweise mit nummerierten Icons |
| 6 | Pflichtangaben | Hersteller, Adresse, Herkunftsland |
Regeln
Wortmarke: Pflicht auf jeder Verpackung (Vorder- UND Rückseite). Bevorzugt Horizontal Long. Min. 25 mm Breite.
Monogramm: Erlaubt als Zusatz (Verschluss, Label, Endkappe) — ersetzt nicht die Wortmarke. Min. 8 mm Höhe.
Klare visuelle Trennung zwischen Hierarchie-Ebenen. Max. 2 Schriftgrößen pro Verpackungsseite.
Headlines (Produktname): Fugaz One, Versalien — min. 14 pt / 5 mm Versalhöhe.
Body & Anleitungen: Fira Sans, 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.
Blau nur als Akzent (Keyword, Icon-Highlight) — nie als Verpackungshintergrund.
Matt bevorzugt. Hochglanz nur als gezielter Spot-UV auf Logo oder Headline.
CMYK-Referenz
Padel-Blau
C100 M50 Y0 K0
Neutralfarbe
K80 (Text) · C40 M30 Y20 K80 (Fläche)
Schwarz
K91 (Text) · C60 M40 Y40 K91 (Fläche)
Weiß
Papierweiß
Pantone-Näherung: 2175 C — verbindlich ist der Proof gegen #0071EA. Graustufen nur über K-Kanal.
No-Gos
Kein Blau als Hintergrundfläche · Keine bunten Farbverläufe · Keine Hochglanz-Gesamtfläche · Keine Fremdschriften · Kein Fugaz One in Kleinbuchstaben · Keine schwarze Schrift auf Blau · Kein Monogramm als Muster
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
Court Branding
So wird die Marke im physischen Raum sichtbar – vom Hallenbanner bis zur Outdoor-Fassade.
