Farbsystem

Farbe ist bei Padel-Point funktional, nicht emotional. So viel wie nötig, so wenig wie möglich.

GültigStand 08.10.2026

CI-Kernfarben

#333333

Dunkelgrau – Texte, Strukturelemente, Basiskontrast

#0071EA

Padel-Blau – Akzente, CTAs, aktive Zustände

#181818

Schwarz – Maximaler Kontrast, Headlines, dunkle Flächen

Farbwerte nur aus dem System

Verbindlich sind die Werte auf dieser Seite und die daraus abgeleiteten Brand-Tokens. Farben nie per Pipette aus Screenshots, Fotos, PDFs oder bestehenden Assets abnehmen: Kantenglättung, Kompression und Bildschirmdarstellung verfälschen den Wert, ein so gemessenes Blau liegt schnell neben #0071EA. Fehlt ein Wert, beim Brand Management nachfragen statt schätzen.

Digital und Druck nicht gegeneinander vergleichen

Der Hex-Wert gilt für den Bildschirm, im Druck gelten die CMYK-Werte aus dem Reiter Print (Padel-Blau C100 M50 Y0 K0). Dass Screen- und Druckfassung derselben Datei unterschiedliche Werte tragen, ist der Normalfall, kein Fehler. Verglichen wird nur digital mit digital und CMYK mit CMYK.

Drei Farbzustände

Neutralzustand (Default)

Schwarz (#333), Weiß, Graustufen. Neutralität ist der Ausgangspunkt – Farbe ist die Ausnahme.

Markenzustand (Akzent)

PP Blue (#0071EA). Nur für CTAs, aktive Zustände, Verlinkungen. Markenfarbe ist Signal, nicht Look – punktuell, nie flächig.

Bildgetragener Zustand

Farbe aus dem Bild abgeleitet (Court-Blau, Umgebung). Für Hero-Bereiche, Kampagnen. Das Bild trägt die Farbigkeit.

Farbverhältnis 60 : 10 : 30

60%

10%

30%

60%

Basis, Ruhe, Orientierung – der Default-Zustand

10%

Markenfarbe als Signal – CTAs, Links, Highlights

30%

Bildgetragene Farbe – Emotion kommt aus dem Sport, nicht aus der CI

Das Verhältnis ist ein Richtwert, keine Formel. Entsteht automatisch, wenn die drei Zustände stimmen.

Blau erscheint bei / nicht bei

	Erscheint bei	Nicht bei
Website	CTAs, Links, Active States, Accent Bar	Header, Hero-Flächen, Nav-Bar, Footer
Social	Accent-Linie, CTA-Button	Vollflächige blaue Slides
Retail / Raum	Kategorie-Showcard als einzige blaue Fläche, Akzentlinie und Indikator-Dreieck, Preislinien, Screen-UI	Blaue Wände, Regale, Böden und alle anderen blauen Schilder (Ausnahme: Padel-Court selbst)
Merch	Wortmarken-Label, Accent-Stitching	Ganzes Shirt in Blau
Packaging	Siegel, Akzentstreifen, Tab	Gesamte Verpackung blau

Daumenregel: Augen zusammenkneifen. Dominiert das Blau? Zu viel. Blau ist Satzzeichen, nicht Absatz.

Akzentlinie

Die blaue Akzentlinie ist das wichtigste wiederkehrende Akzent-Element. Sie leitet sich geometrisch vom P.-Monogramm ab und skaliert proportional zum Bezugselement.

Optional, kein Pflichtelement. Max. 1 pro Komposition.

Empfohlen wenn Headline oder Monogramm einen visuellen Anker braucht. Weglassen wenn die Komposition ohne Akzent ruhiger und stärker wirkt.

Verkuerzte Wiedergabe. Vollfassung mit Geltungsbereichen, Definitionen und Begruendungen: phase-1/1-4_farblogik.md in den MD-Quellen (Single Source of Truth).

Stärke: 10 % der Cap Height
Länge unter Text: 25–35 % der Headline-Breite
Länge unter Monogramm: 100 % der gerenderten Zeichenbreite (endet am Punkt)
Länge unter der Wortmarke: 100 % der Breite des Wortblocks "PADEL POINT", nicht der ganzen Sperrform. Beim horizontalen Lockup 64,5 % der Sperrformbreite, an der Ink-Bbox gemessen (nicht am viewBox der SVG). Die Linie unterstreicht das Wort, nicht das Zeichen. Gestapeltes Lockup: Wert noch nicht gemessen
Ausrichtung: Die Linie übernimmt die Ausrichtung ihres Bezugselements. Zentrierter Text bekommt eine zentrierte Linie, linksbündiger Text eine linksbündige
Abstand: 0,5× Cap-Höhe, entspricht 5× Linienstärke
Anschnitt: Enden 9°-geschert (Kursivwinkel P.-Monogramm, Parallelogramm, Linie horizontal)
Farbe: immer #0071EA
Platzierung: nur auf ruhigem, nahe-schwarzem Grund (Solid oder abgedunkelte Verlaufszone), nie frei im Motiv. Liefert das Motiv den Blau-Akzent selbst (z.B. blauer Court), entfällt die Linie
Ferndistanz: Auf Trägern, die ab ca. 15 m gelesen werden (Zelt-Volant, Beachflags groß), entfällt die Linie. Dort führt die Wortmarke allein, die Fläche bleibt Schwarz-Weiß. Mitteldistanz-Flächen am gleichen Objekt behalten ihre Linie
Keine absoluten Werte (px, mm), immer proportional

Headline-Größe48px

Unter Headline

PLAY

Stärke: 4.8px (10% Cap Height)

Länge: 0px (30%)

Abstand: 9.6px (2×)

Unter Monogramm

Stärke: 4.8px (10%)

Länge: 0px (100%)

Abstand: 9.6px (2×)

Indikator-Dreieck

Das asymmetrische Dreieck ist das zweite wiederkehrende Akzent-Element neben der Akzentlinie. Es markiert, die Akzentlinie unterstreicht.

Marker für Aufzählungen und Hinweise. Mehrfach pro Fläche nur als Listenmarker.

Nicht durch generische Dreiecke oder Pfeile ersetzen und nicht mit der Akzentlinie verwechseln.

Verkürzte Wiedergabe. Vollfassung: phase-1/1-4_farblogik.md in den MD-Quellen (Single Source of Truth). Datei unter Downloads → Design-Elemente.

Datei: asymmetrisches-dreieck.svg, Form und Farbe nicht verändern
Form: rechtwinkliges Dreieck, 45° im Uhrzeigersinn gedreht
Ausrichtung: Die Spitze zeigt immer zum markierten Text. Zwei Stellungen, sonst keine: vor der Zeile (Standard) 90° im Uhrzeigersinn gegenüber der Datei gedreht, Spitze nach rechts, auch in der großen Darstellung. Über der Zeile (z. B. in zentrierten Layouts oder schmalen Hochformaten) 180° gedreht, Spitze nach unten, mittig über dem Text ausgerichtet (die Spitze, nicht die Dreieckskante, weil die Form asymmetrisch ist). Spitze nach links oder oben gibt es nicht
Farbe: immer #0071EA
Größe: sichtbare Höhe (nach Drehung) = Versalhöhe der Zeile, die es markiert, in beiden Stellungen, Proportion der Datei beibehalten
Anzahl: einmal pro Listenpunkt, sonst nicht wiederholt. Die Grenze „max. 1 pro Fläche“ gilt nur für die Akzentlinie
Keine Dekoration, kein Muster, nicht am selben Element wie die Akzentlinie

Beispiel

ein Courtbrandingpaket für einen Padelcourt

Voraussetzung ist die Teilnahme am Club Programm

Laufzeit 2 Jahre

No-Gos

Farbe als Bildersatz – Farbe kann kein Bild kompensieren oder ersetzen
Mehrfarbigkeit als Stil – das System basiert auf Reduktion, nicht Vielfalt
Emotionale Farbdramaturgie – Emotion kommt aus dem Bild, nicht aus der CI-Farbe
Kampagnenfarben als System – keine temporären Farbwelten als CI-Erweiterung
Schwarze Schrift auf Blau – auf blauen Flächen immer Weiß verwenden, nie Schwarz oder Dunkelgrau. Lesbarkeit geht vor.
Blaue Schrift auf Dunkel – Padel Blue auf dunklen Flächen nur ab 18 pt / 24 px. Kein blauer Fließtext und keine blaue Body-Schrift unter dieser Schwelle auf dunklem Grund.

Schrift auf Blau

Auf blauen Flächen wird ausschließlich weiße Schrift eingesetzt. Schwarze oder dunkle Schrift auf Brand Blue ist verboten. Der Kontrast reicht nicht aus und die Lesbarkeit bricht ein.

PADEL-POINT

Weiß auf Brand Blue: maximaler Kontrast, klare Lesbarkeit

PADEL-POINT

Don't

Schwarz auf Brand Blue: mangelhafter Kontrast, nicht lesbar

Brand Blue Scale

Gray Scale

Diagramme

Die Farbe folgt der Aussage, nicht der Zahl der Kategorien. Die Schritte werden in dieser Reihenfolge geprüft, der erste passende gilt.

Zeigen die Daten einen Stand?

Schwarz für erledigt, Padel-Blau für das Aktive, Grau für offen. Keine Ampelfarben, offen ist nicht schlecht.

Steckt darin ein Urteil?

Frist, Budget, Plan: zusätzlich eine Funktionsfarbe, nur an der betroffenen Stelle.

Nennt die Folie eine Kategorie ausdrücklich?

In Headline oder Kennzahl: diese eine in Padel-Blau, alle anderen in Schwarz und Grau.

Sonst gleichrangig, höchstens 4 Kategorien?

Blau-Rampe. Mehr Kategorien: sortierte Balken in einer Farbe, direkt beschriftet.

Stufen von wenig bis viel, höchstens 4?

Blau-Rampe. Mehr Stufen: Grauskala.

Diagramm-Folie?

Akzentlinie unter der Headline, wie auf jeder Präsentationsfolie.

Blau-Rampe

Auf hellem Grund

Auf dunklem Grund

Ausnahme von Blau als Punktuation, nur innerhalb der Diagrammfläche und höchstens 4 Stufen. Schrift in Rampenflächen nur ab 500, dann weiß.

Funktionsfarben für Urteile

Positiv

+12 %

Negativ

-8 %

Warnung

Neutral

±0 %

Wertung, keine Marke. Gilt auch für Shop-Zustände: Auf Lager positiv, Hinweis Warnung, Fehler negativ. Padel-Blau steht nie für positiv.

Gilt immer

Auf dunklem Grund übernimmt Weiß die Rolle von Schwarz.
Werte einheitlich am Balkenende, Balken auf einer Nulllinie in Schwarz, auf dunklem Grund in Weiß.
Plus und Minus als Chips in Funktionsfarben, nie in Padel-Blau.