# Pitch Your Game — Brand guide / Markenanleitung

Stand / Updated: 22.09.2026

Deutsch: https://pitchyourgame.de/designsprache
English: https://pitchyourgame.de/design-language-en

## Zweck und Quellen

Grundlage für Produktdarstellung, Landingpage und Marketing. Die Marke macht den Weg
**Sport zeigen → passende Menschen entdecken → gemeinsam aktiv werden** sichtbar.
Nicht jede neue Funktion braucht eine eigene Markenregel.

Aktueller Code hat Vorrang vor alten Beschreibungen: `Theme.swift` für Palette und Schrift,
`MainScreens.swift` für Wortmarke und Bewertung, `PitchCard.swift` / `DetailScreens.swift`
für Profile, `PitchApp.swift` / `MainTabView` für Navigation, `NetworkScreens.swift` /
`NetworkRequestScreens.swift` für Kontaktbegründungen und Anfragen.

Beispielkomponenten: am 22.09.2026 aus dem heutigen lokalen Debug-Build exportiert.
Beispieldaten, keine Nutzerempfehlungen oder vollständigen App-Screens.
Designstand und veröffentlichter Beta-Stand sind getrennt zu behandeln.

## 1. Markenidee und Sprache

**Sportübergreifendes soziales Netzwerk.** Menschen zeigen ihr Spiel, entdecken passende
Kontakte und kommen ins Gespräch. Fußball ist ein Anwendungsfall, keine Grenze der Marke.
Direkt, konkret, sportnah. Ein Nutzen und eine nächste Aktion pro Motiv.
Keine garantierten Karrierechancen, erfundenen Nutzerzahlen oder Vereinszusagen.
Deutsch und Englisch getrennt führen.

## 2. Name und Zeichen

Öffentlich **Pitch Your Game**, drei Wörter. „Pitch“ im Fließtext erst nach voller Nennung.
Pitchkarte = Feature. Interne Kennungen wie Bundle-ID und Repo bleiben unverändert.

- Gestapelt: Hauptfassung im Feed und auf großen Markenflächen. PITCH breit;
  YOUR GAME kleiner, gesperrt und rund darunter. Originalexport verwenden.
- Einzeilig mit Zeichen: Anmeldung, Onboarding und schmale Leisten.
- Icon: App-Icon, Avatar, Profilbild und Favicon. Proportionen und Freiraum erhalten.

Drei aufsteigende Chevrons. Maße relativ zur Spannweite: Neigung 0.800,
Strich 0.196 mit runden Enden, Reihenabstand 0.400, Opazität oben/Mitte/unten 1/0.7/0.4.
Nie spiegeln, drehen oder verzerren. Freiraum mindestens eine halbe Zeichenhöhe.
Keine Verläufe, Schatten oder Rahmen am Zeichen selbst. Neutrale Systempfeile für
Navigation; **der Bewertungsknopf darf ausdrücklich das Markenzeichen tragen**.
Große Keile im Kartenhintergrund sind eine eigene Formfamilie, kein Ersatzlogo.

## 3. Farben und Flächen

| Rolle | Hex | Anwendung |
|---|---|---|
| Grund | `#000000` | schwarzer Grund |
| Fläche | `#151513` | Karten, Listen, Panels |
| Erhöht | `#1F1F1C` | Eingaben, Segmente |
| Linie | `#2E2E2A` | Trenner, Rahmen |
| Text | `#FFFFFF` | Haupttext und primäre Aktion |
| Gedämpft | `#A3A29B` | sekundäre Information |
| Blass | `#6B6A63` | dezente Details; Kontrast im Kontext prüfen |
| Lime | `#C6FF3A` | Markensignal |
| Tinte | `#0A0A0A` | Inhalt auf heller oder Lime-Fläche |
| Statusrot | `#FF4D4D` | Fehler, Löschen; bestehender Suchstatus an Spielerkarte |

**Lime ist ein Signal.** Das Logo darf Lime tragen, daneben ein gezielter Schwerpunkt.
Originale App-Komponenten behalten zusammengehörende Signale wie Nummer und Stärken.
Keine grünen Hintergrundflächen oder beliebig eingefärbten Links, Labels und Häkchen.
Primäre Aktionen sind weiß. Ratingfarben sind eine funktionale Skala, keine Markenpalette.
Nutzerfotos, Trikots und Wappen behalten ihre eigenen Farben.

## 4. Typografie und Formen

Web/Marketing: **Archivo, Breitenachse 125, Gewicht 800–900** für große Versalien.
Text und Bedienelemente in Systemschrift. Keine künstliche horizontale Skalierung.
iOS: native Systemschrift mit erweiterter Breite für Markentitel; runde zweite Zeile
im Feed-Logo. Das ist nicht dieselbe Fontdatei wie Archivo.
Größen nach Kontext; Web-Typobeispiele sind keine universelle App-Skala.
Native Textstile unterstützen Dynamic Type; feste Komponentengrößen separat prüfen.
Theme-Radien: 12/18/26/34 pt, Kapseln nach Inhalt; **Spielerkarte 24 pt** Außenradius.
Glas gezielt auf Bedienflächen, keine zusätzliche Glasdekoration über Sportfotos.

## 5. Produktbausteine

**Spielerkarte:** Foto links; rechts weiße Rollenpille, linksbündiger Name und optionale
Trikotnummer in Lime. Stärken und Angaben darunter, Labels über Werten. Dunkle metallische
Fläche, Wasserzeichen, feine Kantenakzente. Felder und Nummer nach Sportart; keine
Fußballpositionen oder Fußballstärken für alle Sportarten.
**Andere Rollen:** Trainer, Scouts, Vereine und Mitglieder nutzen einen Profilkopf mit
Avatar, Namen und relevanten Angaben. Keine Vereins- oder Trainer-Pitchkarte bewerben.
Öffentlich Mitglied / Member; internes Rollenliteral „Fan“ ist keine Copy-Vorgabe.
**Navigation:** native iOS-TabView: Feed, Mitteilungen, Nachrichten, Profil.
Suche und Beitragserstellung sind Aktionen im Feed. Alte Fünfer-Tableiste nicht verwenden.
**Bewertung:** Lime-Kreis mit Tinten-Zeichen = Handlung, weiße Wertpille = eigene Bewertung.
Zeichen plus weiße Zahl = Durchschnitt. 7,0–10,0 in Zehnteln, keine Sterne.
**Bedienung:** native Sheets, Menüs und Fotoauswahl. Klare Lade-, Leer-, Fehler- und
Erfolgszustände. Aufwärtsbewegung für die Marke; direkte Rückmeldung ohne Warteinszenierung.
Reduzierte Bewegung respektieren.

## 6. Sport, Netzwerk und Probetraining im Marketing

| Nutzen | Produktbeleg | Darstellung |
|---|---|---|
| Zeig dein Spiel | Sportfoto, Clip, Spielerprofil | Echte Sportszene, ein Moment, klare Person |
| Entdecke passende Menschen | Sport, Region, gemeinsame Kontakte | Profil im Kontext, kurze Begründung statt Zahlenwand |
| Komm ins Gespräch | Kontaktaufnahme, Probetraining-Anfrage, Chat | Nachvollziehbare nächste Aktion mit ehrlichem Status |

Gemeinsame Kontakte schaffen **Kontext, keine Empfehlung**. „X folgt diesem Profil“
bedeutet weder Freundschaft noch gegenseitiges Folgen noch Zustimmung eines Vereins.
Nur freigegebene echte Daten oder ausdrücklich erkennbare Beispieldaten verwenden.
Probetraining als **Anfrage** zeigen, nicht als bestätigten Termin oder garantierten Platz.
Nach Annahme folgt die Abstimmung im Chat. Sportkontakt ist nicht automatisch Probetraining;
Rollen und Sportart bestimmen den Ablauf.
Diese Motive sind eine Bild- und Erzählgrammatik für die Landingpage, kein vollständiger
Formularkatalog. Neue lokale Komponenten gegen den verfügbaren Release prüfen;
Vorschauen als „In Entwicklung“ / „In development“ kennzeichnen.

## 7. Marketingformate

Arbeitsvorlagen: Feed 1080×1350, Story/Reel 1080×1920, Quadrat 1080×1080.
Außen 80 px, oben/unten bei Story-Entwürfen 250 px als Ausgangspunkt. Zuschnitt und
UI-Überlagerungen auf der Zielplattform prüfen; keine Plattformgarantie.
Echte Sportstätten, Training, Spielszenen und Menschen verschiedener Sportarten.
Ein zusammengehöriger Markenabsender pro Motiv, keine mehrfachen Logos.
Text kurz genug für Mobilansicht; App-Ausschnitte proportional zeigen.

## 8. Pflege und Downloads

`python3 scripts/sync-brand.py --tokens` synchronisiert die Designsystem-Farbwerte.
`--check` prüft diese Werte und das ZIP, nicht sämtliche Website-Inhalte oder Screenshots.
`--kit` baut das ZIP aus der aktuellen Auswahl. Der normale Export braucht einen
aktuell gebauten Simulator; kein Ersatz für Textpflege, Sichtprüfung oder Veröffentlichung.
Die Anleitung wird redaktionell gepflegt. Alte Tableiste, Vereinskarte und Vergleichskarte
gehören nicht ins aktuelle Download-Kit.
`pitch-brand.css` bleibt ein Web-Nachbau, keine vollständige Reproduktion der nativen App.
Vor Marketing-Nutzung beide Sprachfassungen, Regeln, Assets und ZIP gemeinsam prüfen.