PitchYour Game

Stand 22.09.2026 · Marke, Produkt und Anwendung

DesignLanguage

Schwarz und warme Grautöne. Breite Typografie. Lime als gezieltes Signal. Aufstieg und Verbindung durch Sport prägen Pitch Your Game — in der App, auf der Website und im Marketing.

App-Icon
Wortmarke Pitch Your Game
Markenzeichen in Neon
01 — Grundlage

Eine Marke.
Klare Quellen.

Pitch Your Game ist ein sportübergreifendes soziales Netzwerk. Menschen zeigen ihr Spiel, entdecken passende Kontakte und kommen ins Gespräch. Fußball ist ein Anwendungsfall; die Marke gehört dem Sport.

Farben, Typografie und Komponenten sind mit dem aktuellen iOS-Code abgeglichen. Die Abbildungen zeigen exportierte Beispielkomponenten, keine echten Nutzerprofile und keine vollständigen App-Screens. Ihr Stand ist vom Veröffentlichungsstand der Beta zu unterscheiden.

Diese Anleitung wird redaktionell gepflegt. Der Markenexport aktualisiert Farben und Bilddateien; Texte, Rollen, Navigation und Downloads brauchen einen eigenen Abgleich.

02 — Wortmarke

Pitch groß,
Your Game darunter

Die Marke heißt Pitch Your Game — nach außen immer der volle Name. „Pitch" allein ist als Wortmarke kaum kennzeichnungskräftig und darf kein öffentliches Logo sein. Im Fließtext ist „Pitch" als Kurzform in Ordnung, sobald der volle Name einmal gefallen ist.

Gestapelte Wortmarke: PITCH über YOUR GAME
Gestapelt — die HauptfassungSteht im Feed‑Kopf. „PITCH" trägt, „YOUR GAME" schließt bündig darunter ab. Die zweite Zeile ist bewusst ein weicherer, runder Schnitt — das nimmt der weiten Sperrung die Härte und lässt beide Zeilen zusammengehören.
Einzeilige Wortmarke mit Zeichen
Einzeilig — mit ZeichenFür Anmeldung, Onboarding und schmale Leisten, wo Höhe fehlt. Zeichen links, Name rechts, Abstand eine halbe Zeichenbreite.
App-Icon
Nur das ZeichenUnter etwa 90 px Breite. App‑Icon, Profilbild, Avatar, Favicon — überall dieselbe Datei.
So

Erste Nennung immer voll — Überschrift, Bio, Impressum, App‑Store, Post‑Text.

Die Sperrung bleibt. Die weiten Buchstabenabstände sind der Charakter, nicht ein Effekt.

Die Pitchkarte heißt weiter Pitchkarte. Sie ist ein Feature, keine Marke.

Nicht so

Kein „PITCH" allein als öffentliches Logo.

Nicht „PitchYourGame" oder „Pitch‑Your‑Game". Drei Wörter, normale Leerzeichen.

Keine Kleinschreibung wie „Pitch your game", und die zweite Zeile nie umbrechen.

03 — Das Zeichen

Drei aufsteigende Chevrons

Das Zeichen ist eine Bewegung, kein Symbol: drei Winkel, gestapelt, oben kräftig, nach unten verblassend. Es bedeutet Aufstieg — und es ist das einzige Element, das vom 11‑Pixel‑Aufzählungspunkt bis zum App‑Icon in jeder Größe funktioniert.

Zeichen in Tinte auf Neon
Tinte auf NeonDas App‑Icon. Auch Profilbild in allen sozialen Netzen — nirgends eine andere Variante.
Zeichen in Neon
Neon auf SchwarzDie Normalfassung. Abgestufte Opazität — der Verlauf ist die Bewegung nach oben.
Zeichen in Weiß
WeißWenn Neon nicht geht — auf farbigem Foto, im Druck, in Schwarzweiß.

Die Maße

Als Anteil der Spannweite, damit sie in jeder Größe gelten. Pixelgenau am App‑Icon ausgemessen.

EigenschaftWertWarum
Spannweite1.000Bezugsgröße, Kappenmitte bis Kappenmitte
Armneigung0.80038,66° — flach. Steiler wirkt es wie ein Play‑Knopf
Strichstärke0.196Rund abgeschlossen, nie spitz zulaufend
Reihenabstand0.400Die Winkel berühren sich nie
Opazität1.0 / 0.7 / 0.4Oben kräftig, nach unten verblassend
So

Immer aufwärts. Bewegung läuft von unten nach oben durch die drei Winkel.

Einfarbig. Die Abstufung macht die Opazität, nie eine zweite Farbe.

Freiraum rundum mindestens eine halbe Zeichenhöhe.

Drei Chevrons = Marke, ein einzelner = Aufzählungspunkt.

Nicht so

Nie spiegeln, nie drehen, nie nach unten. Ein Zeichen, das nach unten zeigt, sagt das Gegenteil.

Kein Verlauf, kein Schatten, kein Rahmen am Zeichen selbst.

Kein Navigationspfeil. Zurück, Weiter und Scrollen verwenden neutrale Systemzeichen. Auf dem Bewertungsknopf ist das Markenzeichen ausdrücklich erlaubt.

04 — Farbe

Ein Neon,
warme Neutraltöne

Pitch Your Game hat eine Farbe. Alles andere ist Schwarz, Weiß und warmes Grau. Die Neutraltöne haben bewusst einen Gelb‑Bias — blaustichiges Grau plus gelbgrünes Neon ergibt den Gaming‑Look, und der wirkt billig. Sportmarken setzen dieselbe Neonfarbe auf warme Neutraltöne.

Grund
#000000
Echtes OLED‑Schwarz, überall
Fläche
#151513
Karten, Listen, Panels
Erhöht
#1F1F1C
Eingaben, Segmente
Linie
#2E2E2A
Trenner, Rahmen
Neon
#C6FF3A
Die Signatur
Tinte
#0A0A0A
Text auf Neon
Text
#FFFFFF
Namen, Titel, Hauptknopf
Gedämpft
#A3A29B
Meta, inaktive Symbole
Blass
#6B6A63
Dezente Details; Kontrast prüfen
Warnung
#FF4D4D
Fehler, Löschen und Suchstatus
Farbpalette, direkt aus der App gerendert
GegenprobeDieselben Farben, von der App selbst gerendert. Weicht der Streifen je von der Tabelle ab, hat die App recht.
Die Neon-RegelNeon ist ein Signal, keine Dekoration. Das Zeichen darf immer Neon sein — sonst höchstens eine Sache pro Fläche.
Weiß ist die Hauptaktion„Get started“, „Weiter“ und die primäre Aktion auf der Website. Neon bleibt der Bewertung, der Trikotnummer und dem Zeichen.
KontrastNeon auf Schwarz und Tinte auf Neon liegen weit über AA. Neon auf Weiß ist unlesbar — nie tun.
FremdfarbenTrikots und Wappen in Nutzerinhalten sind Inhalt, nicht Marke. Im Bild ja, im Rahmen nie.
05 — Schrift

Zwei Rollen,
mehr nicht

Web und Marketing: Archivo mit Breitenachse 125, Gewicht 800–900 für große Versalien. iOS: die native Systemschrift mit erweiterter Breite für Markentitel; Systemschrift für Bedienung und Text. Das gestapelte App-Logo nutzt eine runde zweite Zeile. Die folgenden Web-Beispiele zeigen die Hierarchie, keine universelle App-Schriftgrößentabelle.

Pitch Your GameDisplay · 900 · 26 · Sperrung 0.13em
ProfilDisplay · 900 · 29 · Sperrung 0.06em
10Display · 900 · 31 · Trikotnummer
Marvin NeumannText · 800 · 27 · Sperrung −0.015em
Zentrales MittelfeldText · 600 · 20 · Werte
Teile deinen besten Moment.Text · 400 · 16 · Fließtext
Außenverteidiger · vor 18 TgText · 400 · 15 · gedämpft
StärkenText · 800 · 11 · Sperrung 0.22em

Schriftgrößen richten sich nach Kontext und Platz. In der App skalieren native Textstile mit Dynamic Type; feste Komponentengrößen sind separat zu prüfen. Keine pauschale Skalierungszusage.

06 — Bausteine

Die Pitchkarte

Die Pitchkarte ist das Signaturstück für Spielerprofile. Trainer, Scouts, Vereine und Mitglieder nutzen einen Profilkopf mit Avatar. Angaben und Trikotnummer richten sich nach Sportart und Rolle.

Pitchkarte eines Spielers, aus der App exportiert
Aktueller Komponentenexport · 22.09.2026 · Beispieldaten
TeilRegel
Form24 pt Außenradius in der App, weiche Rundung. Diagonaler Verlauf von warmem Graphit oben links nach fast Schwarz unten rechts.
WasserzeichenSpitze Keile, gedreht, groß, angeschnitten. Eine eigene Formfamilie — nur als Prägung im Hintergrund, nie klein, nie als Icon, nie in Neon.
KantenlichtFeiner Neonbogen, der der Eckrundung folgt. Kein durchgehender Rahmen.
FotoLinks, knapp die halbe Breite, Hochformat.
RolleRechts neben dem Foto: weiße Glaspille, darunter Name linksbündig und gegebenenfalls die Nummer.
NummerDas einzige Neon auf der Karte neben den Stärken‑Zeichen.
FelderZwei Spalten, Label klein und grau über dem Wert.
Beispiel eines Trainerprofils
Profilkopf für andere RollenAvatar, Name und passende Angaben statt Spielerkarte. Beispiel: Trainerprofil. Mitglieder heißen „Mitglied“, auf Englisch „Member“.
Ladebildschirm
LadebildschirmEine Welle läuft von unten nach oben durch die Winkel — dieselbe Aufstiegsgeste, in Bewegung. Nie unter 50 % abdunkeln: die Marke leuchtet auf, sie blinkt nicht.

Feed
Mitteilungen
Nachrichten
Profil

Vier native TabsFeed · Mitteilungen · Nachrichten · Profil. Suche und Beitragserstellung sind eigene Aktionen im Feed. Für App-Mockups echte Screens des jeweiligen Builds verwenden.
SportübergreifendNur passende Felder und Begriffe zeigen. Keine Fußballpositionen oder Trikotnummern für jede Sportart erzwingen.
Echte ProduktdarstellungEin App-Screen ist ein Screenshot eines benannten Builds. Komponentenexporte sind Bausteine und ersetzen keinen vollständigen Screen.
BedienungNative Navigation, Sheets, Menüs und Fotoauswahl. Klare Zustände für Laden, leere Ansichten, Fehler und Erfolg.
BewegungAufstieg für die Markenanimation; kurze, direkte Rückmeldung bei Aktionen. Reduzierte Bewegung respektieren, Interaktion nicht verzögern.
07 — Bausteine

Die Bewertung

Zwei verschiedene Aussagen, deshalb zwei Formen. Nie vermischen: der Kreis ist eine Handlung, die Zahl eine Auskunft. Skala 7,0 bis 10,0, eine Nachkommastelle.

Bewertungsknopf
BewertenNeon‑Kreis mit Zeichen in Tinte. Deine eigene Bewertung — ein Bedienelement.
Bewertungsknopf mit Wert
Bereits bewertetDie weiße Wertpille sitzt oben auf dem Knopf.
Durchschnittsanzeige
DurchschnittZeichen plus weiße Zahl. Reine Anzeige, kein Knopf. Nie ein Stern — das Leitmotiv ist der Chevron.

Die Skala im Griff

Hält man den Knopf gedrückt, klappt die Skala nach oben auf. Der Verlauf läuft von Rot bei 7,0 über Neon nach Grün bei 10,0 — die Farbe sagt schon, wie gut die Wertung ist, bevor man die Zahl liest. Der weiße Griff folgt dem Daumen, der Wert steht links daneben und rastet in Zehntelschritten.

Bewertungs-Skala bei 7,0
7,0 — das MinimumRot. Tiefer geht es nicht; es gibt keine schlechte Bewertung, nur eine niedrige.
Bewertungs-Skala bei 8,5
8,5 — die MitteDer Griff wandert, die Zahl rollt mit, statt zu blinken.
Bewertungs-Skala bei 10,0
10,0 — das MaximumGrün. Der Fuß der Leiste ist derselbe Neon-Kreis wie der Knopf darunter, damit beim Aufklappen kein Absatz entsteht.
08 — Sport & Verbindung

Vom Spiel
zum Kontakt.

Unsere Bildsprache verbindet echte Sportszenen mit Menschen und einer nächsten Aktion. So werden neue Produktbausteine zu verständlichen Geschichten für Landingpage und Marketing.

01 · Zeig dein SpielEin Trainingsmoment, ein Clip, ein Spielerprofil. Sport steht im Mittelpunkt. Textentwurf: „Zeig, was dein Spiel ausmacht.“
02 · Entdecke dein UmfeldSportart, Region und gemeinsame Kontakte geben einem Profil Kontext. Textentwurf: „Dein Sport. Menschen, die dazu passen.“
03 · Werde gemeinsam aktivEine Kontaktaufnahme oder Probetraining-Anfrage macht den nächsten Schritt greifbar. Textentwurf: „Der nächste Schritt beginnt mit einem Gespräch.“
Produktbelege

Gemeinsame Kontakte: Eine ruhige Zeile wie „… folgt diesem Profil“ an einem Profil zeigen. Sie erklärt eine Verbindung und ersetzt keine Empfehlung.

Probetraining: Empfänger, Anlass und ehrlichen Anfragestatus zeigen. Nach Annahme werden Details im Chat geklärt.

Entwicklungsstand beachten

Neue Netzwerk- und Anfrageabläufe: Hier als Gestaltungsgrundlage beschrieben. Verfügbarkeit vor einer Kampagne mit dem veröffentlichten Build abgleichen; Vorschauen als „In Entwicklung“ kennzeichnen.

Keine erfundenen Belege: Keine künstlichen Followerzahlen, Vereinszusagen oder bestätigten Termine. Beispiele sichtbar als Beispieldaten markieren.

09 — Anwendung

Werbung
und Social

Was hier gilt, gilt auch außerhalb des Produkts. Ein Post, der die Regeln bricht, beschädigt die Marke schneller, als ein guter Post sie aufbaut.

FormateFeed 1080 × 1350. Story und Reel 1080 × 1920. Quadrat nur für Rasteransichten.
Sicherer RandAußen 80 px frei; in Stories oben und unten je 250 px.
Ein Akzent pro MotivDas Logo darf Lime tragen. Darüber hinaus ein Schwerpunkt: Bewertung oder ein Headline-Wort. Unveränderte App-Ausschnitte behalten ihre eigenen Signale.
SignaturJeder Post trägt Wortmarke oder Zeichen. Nie beides doppelt, nie keins von beiden.
ProfilbildDas App‑Icon, überall gleich.
FotosEchte Sportstätten, echtes Licht, echte Menschen aus verschiedenen Sportarten. Keine Stockbilder, keine Hochglanz‑Studios.
TonDirekt und knapp. Keine Superlative, keine Ausrufezeichen‑Ketten.
SpracheDeutsch im Kernmarkt, Englisch international. Nie gemischt in einem Post.
Ein konkreter NutzenPro Motiv ein Anlass: Spiel zeigen, passende Menschen entdecken oder Kontakt aufnehmen. Eine klare nächste Aktion.
Beleg vor VersprechenAktuelle App-Ausschnitte und reale Situationen. Keine erfundenen Nutzerzahlen, Bewertungen, Vereinszusagen oder garantierten Karrierechancen.
VerfügbarkeitNur Funktionen und Geräte bewerben, die für die angesprochene Zielgruppe verfügbar sind. Beta und kommende Funktionen klar benennen.
Vorlagen, keine PlattformgarantieDie Format- und Randangaben sind unsere Arbeitsvorlagen. Zuschnitt und überlagernde Bedienelemente vor jeder Veröffentlichung in der Zielplattform prüfen.
10 — Dateien

Originale

Diese Dateien sind die Originale. Wer Pitch Your Game abbildet, nimmt sie — und zeichnet nichts nach. Jede Nachzeichnung weicht ab und wird zu einem zweiten Logo.

Alles herunterladenZIP · 22.09.2026
Nie

Nicht nachzeichnen. Das Zeichen hat exakte Maße.

Nicht verzerren. Seitenverhältnis halten, nicht schräg stellen.

Nie

Nicht einfärben. Neon, Weiß oder Tinte. Keine anderen Farben, keine Verläufe.

Nicht kombinieren. Kein zweites Logo daneben ohne Abstand von einer Zeichenbreite.