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) |
| 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
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.
Hero- / POS-Ausnahme
Hero-, Kampagnen- und POS-Bilder dürfen — wie YouTube-Thumbnails — die Verbindung zur Betrachterin frontal suchen. Sie dienen Aufmerksamkeit und Wiedererkennung, nicht der dokumentarischen Bildsprache.
Blick in die Kamera (im Editorial)
Erlaubt in Hero/POS — erzeugt Verbindung
Gestellte Siegerpose-Klischee
Echte, gefangene Emotion erlaubt, auch überspitzt
Leitplanke: Die Emotion muss echt/gefangen wirken — sie darf sichtbar sein, darf sich aber nicht billig selbst feiern. Das Bildsystem-Kerngesetz (Performance/Transition/Community = dokumentarisch) bleibt unberührt.
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 · RAL 5015
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. RAL 5015 Himmelblau — verbindlich für Ladenbau, Pulverbeschichtung und Folierung. 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
Tagline-Bibliothek
Freigegebene Lines für physische Touchpoints. Direkt, nahbar, selbstbewusst — keine Agentur-Sprache, keine Sportmetaphern als Pointe.
Court / Hallenwand
4 Wände. 4 Spieler. 0 Ausreden.
Der Ball kommt immer zurück. Du auch!
Glaswand schlägt Grundlinie.
Umkleide
Frisch angezogen. Gleich verschwitzt.
Duschen optional. Rematch nicht.
Nächstes Mal gewinnst du. Wahrscheinlich.
Retail / Store
2.000 Schläger. Einer passt.
Dein alter Schläger hat gut gekämpft.
Anfassen erlaubt.
Ein Klick. Ein Moment. Ein Match.
Event / Aktivierung
Hier entstehen die Ausreden.
Von hier sieht es einfach aus.
Frag uns. Wir spielen selbst.
Der Shop kommt zum Court.
Nur zuschauen?
Kurze Pause. Lange Analyse.
Hier ist der Court. Da ist der Shop.
Funktionale Tagline
Deutschlands Padelshop #1
Fira Sans Medium, gemischte Schreibweise — einordnend, nicht atmosphärisch. Nie neben dem Claim am selben Touchpoint.
Court Branding
So wird die Marke im physischen Raum sichtbar – vom Hallenbanner bis zur Outdoor-Fassade.
Social Media
Social Media zeigt Padel so, wie es sich anfühlt – nicht wie es aussehen soll.
Format-Logik
Content-Kategorien
Feed-Posts, Reels, Hero-Content
Stories, Behind-the-scenes
Stories, selten Feed
Plattform-Haltung
Text-Overlay-Regeln