E-Sport-Team-Branding: die Grundlagen
Ein wiedererkennbarer Look für ein E-Sport-Team braucht vier Dinge: ein Logo in drei Fassungen, zwei oder drei Farben, die aufeinander lesbar sind, eine Schrift für Namen und Stände und ein einseitiges Blatt, das alle nutzen, die für das Team posten. Das Logo haben die meisten Teams. Der Rest entscheidet, ob man euren Feed wiedererkennt oder ob er jede Woche anders aussieht.
Dieser Ratgeber geht jeden Teil durch, mit den Farben eines erfundenen Teams als Beispiel, und endet mit einem Brand-Sheet zum Ausfüllen. Er gilt für Teams genauso wie für E-Sport-Abteilungen im Verein.
Das Logo in drei Fassungen
Die meisten Team-Logos werden einmal gemacht, für einen Hintergrund. Auf Grafiken landen sie auf vielen. Haltet drei Fassungen bereit:
- Vollfarbig, für helle oder neutrale Hintergründe
- Einfarbig hell, meist weiß, für dunkle Hintergründe und Fotos
- Einfarbig dunkel, für helle Hintergründe, auf denen die vollfarbige Fassung nicht heraussticht
Ist das Hauptlogo breit, kommt eine quadratische oder kompakte Fassung dazu. Profilbilder, Discord-Icons und die Ecke einer Story sind klein und quadratisch, und ein breites Logo wird dort zum Strich.
Lasst euch das Logo als Vektordatei (SVG oder PDF) und als PNG geben. Eine Vektordatei bleibt in jeder Größe scharf, ein kleines PNG wird unscharf, sobald man es vergrößert.
Testet das Logo in der Größe, in der es wirklich erscheint: als Profilbild im Feed auf dem Handy. Wenn man dort nicht erkennt, was es ist, ist die kompakte Fassung Pflicht.
Zwei oder drei Farben
Ein Team braucht weniger Farben, als es denkt. Ein Grund für Hintergründe und große Flächen, eine zweite Farbe, die das Team kennzeichnet, und eine Textfarbe, die auf dem Grund lesbar ist: Damit ist fast alles abgedeckt. Ein Akzent für ein Highlight pro Grafik ist optional.
Es hilft auch, eine helle und eine dunkle Fassung eurer Farben zu haben, so wie Fußballvereine ein Heim- und ein Auswärtstrikot. Unser erfundenes Team Nordwind hat beides:
| Rolle | Dunkles Kit („mint“) | Helles Kit |
|---|---|---|
| Grund | Dunkelgrün #0e3b3c | Creme #f5f0e6 |
| Zweite Farbe | Mint #90f4d6 | Rot #c8372d |
| Akzent | keiner | Dunkelblau #1d3557 |
| Text | Off-White #f4fffb | Nicht festgelegt: Schwarz oder Weiß, je nachdem, was auf Creme besser lesbar ist |
Dasselbe Team, dasselbe Layout, in beiden erkennbar Nordwind. Das helle Kit hilft dort, wo eine dunkle Grafik untergehen würde, zum Beispiel neben den hellen Posts des Hauptkanals eines Vereins.
Die Farben müssen aufeinander funktionieren, nicht nur nebeneinander. Die Richtlinien für barrierefreie Webinhalte (WCAG 2.2) verlangen ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text, also ab 18 Punkt oder 14 Punkt fett. Sie sind für Websites geschrieben, aber ein guter Maßstab für Grafiken, die man schnell auf dem Handy liest.
Hier sind die Beispielfarben als Paare, gemessen mit der WCAG-Formel. Eisenhut, der Gegner, spielt in Rot (#c8372d) mit Weiß:
| Farbe auf Hintergrund | Kontrast | Als Text lesbar? |
|---|---|---|
| Off-White auf Dunkelgrün | 12,02:1 | Ja |
| Mint auf Dunkelgrün | 9,42:1 | Ja |
| Dunkelblau auf Creme | 10,88:1 | Ja |
| Rot auf Creme | 4,58:1 | Ja, knapp |
| Weiß auf Rot | 5,20:1 | Ja |
| Rot auf Dunkelgrün | 2,36:1 | Nein |
| Mint auf Creme | 1,15:1 | Nein |
In dieser Tabelle stecken zwei Lehren. Erstens: Roter Text auf Creme besteht, aber nur knapp. Ein etwas helleres Rot oder ein etwas dunkleres Creme, und er fällt durch. Also messen statt schätzen. Zweitens: Die letzte Zeile ist die typische Falle. Mint sieht auf dem dunklen Grund großartig aus und ist auf hellem unlesbar. Deshalb übernimmt das helle Kit Mint nicht, sondern hat eigene Farben.
Schreibt die Farben als Hex-Codes auf. „Unser Grün“ ist für jeden, der ein Design-Tool öffnet, ein anderes Grün.
Eine Schrift
Eine kräftige Schrift für Namen und Stände reicht. Eine zweite, schlichte Schrift für kleinen Text ist das Höchste, was ihr braucht. Mehr Schriften lassen Grafiken nicht reicher aussehen, sondern so, als hätten verschiedene Leute sie gemacht, was oft auch stimmt.
Wählt eine Schrift mit klaren Ziffern: Der Stand ist der meistgelesene Teil einer Ergebnis-Grafik, und bei manchen Display-Schriften sehen eine 1 und eine 7 fast gleich aus. Prüft die Lizenz, bevor ihr die Schrift im Logo oder in Social-Media-Posts nutzt.
Die ganze Saison gleich
Eine Marke ist vor allem Wiederholung. Dieselben Farben, dieselbe Schrift, dasselbe Layout für dieselbe Art von Post, jede Woche. Das gilt bis zur Schreibweise: Ob ihr E-Sport, Esport oder eSports schreibt, legt es einmal fest und bleibt dabei.
Das heißt nicht, ein Design für immer. Ein neuer Stil zur neuen Saison ist in Ordnung, solange Farben und Logo bleiben, damit die Leute auf einen Blick sehen, wessen Post es ist:
Am einfachsten bleibt es gleich, wenn ihr es einmal aufschreibt und mit allen teilt, die für das Team posten: Kapitän, Social Media, die Pressestelle des Vereins. Das ist das Brand-Sheet am Ende dieses Ratgebers.
Im Verein
Eine E-Sport-Abteilung gehört zum Verein, und ihre Grafiken sollten danach aussehen: das Logo des Vereins, die Farben des Vereins, vielleicht der Name der Abteilung unter dem Logo. Fragt den Verein nach seinen Logo-Dateien und nach Gestaltungsrichtlinien, bevor ihr etwas Eigenes entwerft. Eine Abteilung, die aussieht wie der Hauptverein, wird von dessen Kanälen geteilt. Eine, die aussieht wie ein eigenes Gaming-Team, meistens nicht. Wer die Abteilung gerade erst aufbaut, findet mehr dazu im Ratgeber E-Sport-Abteilung gründen.
Einmal einrichten
In gelvik enthält das Brand-Kit euer Logo und eure Farben, und der Stil, den ihr wählt, bringt seine Schrift mit. Wenn ihr keine Textfarbe festlegt, nimmt gelvik Schwarz oder Weiß, je nachdem, was auf dem Grund besser lesbar ist. Ihr richtet es einmal ein, und jede Grafik nutzt es. Welche Grafiken ein Spiel braucht, zeigt der Ratgeber Was am Matchday posten. gelvik startet Anfang 2027. Tragt euch in die Warteliste ein, dann sagen wir euch Bescheid, sobald es losgeht.
Das Brand-Sheet eures Teams
Kopiert das, füllt es aus und legt es dort ab, wo alle, die posten, es finden.
Logo
- Vollfarbige Fassung: Dateiname und Ablageort
- Einfarbig hell: Dateiname und Ablageort
- Einfarbig dunkel: Dateiname und Ablageort
- Kompakte oder quadratische Fassung für kleine Größen
- Vektordateien (SVG oder PDF) vorhanden
Farben
- Dunkles Kit: Grund, zweite Farbe, Textfarbe und Akzent (falls vorhanden) als Hex-Codes
- Helles Kit, falls ihr eins nutzt: dieselben vier
- Kontrast für jede Textfarbe auf ihrem Grund geprüft: mindestens 4,5:1, großer Text mindestens 3:1
- Akzent als Text nur auf dem Grund, gegen den er geprüft ist
Schrift
- Schrift für Überschriften und wo die Lizenz liegt
- Schrift für Text, falls vorhanden
Regeln
- Ein Layout pro Post-Typ, für die ganze Saison
- Wer das Brand-Sheet ändern darf
Quellen
Geprüft am 15. Oktober 2026:
- W3C, Understanding WCAG 2.2, Success Criterion 1.4.3 Contrast (Minimum) (englisch): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html
- Kontrastwerte berechnet mit der WCAG-Formel für die relative Leuchtdichte, aus den Farben der erfundenen Beispielteams.