AI-READY
BRAND GUIDELINE
Das verbindliche Regelwerk für Logo, Farbe, Typografie, Bildwelt und digitale Anwendungen des FC Basel 1893. Grundlage für Kampagnen, Shop, Matchday-Kommunikation und alle Partner-Umsetzungen.
Ein Club,
eine Haltung
Die Marke FC Basel 1893 lebt von Kontrast: Tradition und Moderne, Emotion und Präzision. Diese Guideline definiert, wie dieser Kontrast gestalterisch konsistent bleibt — über Stadion, Shop, Social Media und Partnerkommunikation hinweg.
Rot-Blau
Die Vereinsfarben sind nicht dekorativ, sie sind Identität. Rot führt, Blau kontert, Schwarz trägt.
Basel zuerst
Regionale Verankerung vor globaler Beliebigkeit. Sprache, Motive und Menschen kommen aus der Region.
Kompromisslos direkt
Grosse Typografie, harte Kanten, klare Aussagen. Keine weichgezeichneten Botschaften.
Gemeinschaft
Fans, Team und Club auf Augenhöhe. Wir sprechen mit der Kurve, nicht über sie.
Tonalität
- Aktiv, kurz, selbstbewusst
- Wir-Form, Basler Bezug
- Fakten und Zahlen konkret
- Werbliche Superlative ohne Substanz
- Anonymes Corporate-Deutsch
- Vage Versprechen
Das Wappen
ist unantastbar
Das FCB-Wappen ist das stärkste Markenelement. Es wird immer als geschlossene Form eingesetzt, mit definiertem Schutzraum und ausschliesslich in den freigegebenen Varianten. Die SVG-Dateien werden in src/assets/logos/ abgelegt und hier eingesetzt.
Logovarianten
Wappen — Vollfarbe
Primärversion. Standard für alle Anwendungen.
Wappen — Negativ
Auf dunklen Flächen und Fotos.
Wappen — Monochrom
Ein-Farb-Druck, Prägung, Gravur.
Wortmarke horizontal
Enge Formate, Website-Header, Footer.
Wortmarke Negativ
Auf FCB Rot, ausschliesslich in Weiss.
Icon / App
Favicon, App-Icon, Social Avatar.
Schutzraum
Der Freiraum um das Wappen entspricht auf allen Seiten mindestens der halben Wappenbreite. In diesem Bereich stehen keine Texte, Bilder oder Partnerlogos.
Mindestgrössen
- Freigegebene Varianten unverändert verwenden
- Ausreichend Kontrast zum Hintergrund sicherstellen
- Auf Fotos mit dunklem Overlay arbeiten
- Immer die Vektordatei (SVG/EPS) nutzen
- Wappen verzerren oder in der Proportion ändern
- Eigene Farben oder Verläufe im Wappen
- Wappen auf unruhigem Bildhintergrund ohne Abdunklung
- Schatten, Outlines oder 3D-Effekte
- Wappen als Textbestandteil im Satz
- Rotation über 0° (Ausnahme: definierte Diagonal-Grafik)
Rot führt.
Blau kontert.
Die Farbpalette ist bewusst schmal. FCB Rot ist die Signalfarbe für Aktion und Emotion, FCB Blau setzt Akzente in Datenvisualisierung und Sekundärflächen, Schwarz und Weiss tragen die Fläche. Farbwerte hier sind die verbindliche Referenz für Print und Digital.
Primärfarben
FCB Rot
- HEX
- #EB001B
- RGB
- 235, 0, 27
- CMYK
- 0, 100, 91, 0
- PANTONE
- PMS 185 C
- TOKEN
- --fcb-red
FCB Blau
- HEX
- #0A0ADC
- RGB
- 10, 10, 220
- CMYK
- 95, 90, 0, 0
- PANTONE
- PMS 2728 C
- TOKEN
- --fcb-blue
FCB Schwarz
- HEX
- #131313
- RGB
- 19, 19, 19
- CMYK
- 0, 0, 0, 95
- PANTONE
- Black 6 C
- TOKEN
- --fcb-ink
Erweiterte Palette
Rot Dunkel
- HEX
- #BC1D2A
- RGB
- 188, 29, 42
- CMYK
- 10, 100, 90, 5
- TOKEN
- --fcb-red-dark
Navy
- HEX
- #000043
- RGB
- 0, 0, 67
- CMYK
- 100, 100, 30, 40
- TOKEN
- --fcb-blue-dark
Graphit
- HEX
- #333333
- RGB
- 51, 51, 51
- CMYK
- 0, 0, 0, 80
- TOKEN
- --fcb-graphite
Steel
- HEX
- #9E9E9E
- RGB
- 158, 158, 158
- CMYK
- 0, 0, 0, 38
- TOKEN
- --fcb-steel
Fog
- HEX
- #F1F2F2
- RGB
- 241, 242, 242
- CMYK
- 0, 0, 0, 5
- TOKEN
- --fcb-fog
Paper
- HEX
- #FFFFFF
- RGB
- 255, 255, 255
- CMYK
- 0, 0, 0, 0
- TOKEN
- --fcb-paper
Verhältnis & Kombinationen
55% Weiss · 25% Schwarz · 15% Rot · 5% Blau
Signature Gradient — «Flare»
Der Original-Verlauf aus dem Footer von fcb.ch. Konischer Gradient aus Schwarz, Navy und Tiefrot — für Footer, Hero-Flächen und Matchday-Visuals. Niemals mit hellen Fotos kombinieren, immer auf dunklen Flächen einsetzen.
conic-gradient(from 45.23deg at 27.16% 51.32%, #000000 0deg, #000043 105.58deg, #600100 186.92deg, #000000 360deg), #131313- TOKEN
- --gradient-fcb-flare
- QUELLE
- fcb.ch Footer (--footer-gradient2)
Gross,
laut, lesbar
Archivo als Display-Schrift für Schlagzeilen in Versalien, Inter für alle Lauftexte und Interfaces, IBM Plex Mono für Zahlen, Resultate und technische Angaben.
Typografische Skala
- Headlines immer in Versalien, maximal 3 Zeilen.
- Zeilenabstand bei Display unter 100% für kompakte Blöcke.
- Kein Kursiv in Display-Grössen.
- Resultate und Zahlen ausschliesslich in Mono.
- Mehr als zwei Schriftschnitte pro Layout.
- Sperrung in Lauftexten.
- Fremde Systemschriften als Ersatz.
- Farbige Headlines ausser Weiss, Schwarz, Rot.
Echte Bilder,
echte Emotion
Fotografie ist dokumentarisch, nie gestellt. Hoher Kontrast, natürliche Farbigkeit, kein Farbfilter. Rot darf im Bild vorkommen — es wird nicht künstlich hinzugefügt. Jedes Motiv hat einen Referenz-Prompt, mit dem sich vergleichbare Bilder reproduzieren lassen. Bilddateien liegen in src/assets/images/.
Matchday Emotion
matchday-kurve.jpgFans, Choreo, Stimmung. Weitwinkel, echtes Licht.
Packed football stadium terrace at night, sea of fans in red and blue scarves raised, flares and smoke, stadium floodlight, wide angle, photojournalistic, documentary sports photography, high contrast, natural colours, no colour filter, deep blacks with detail, no text, no logos, no watermark
Spielszene
spielszene.jpgDuell und Bewegung, harte Kontraste, kein Weichzeichner.
Two footballers in a hard duel for the ball on green turf, one in plain red kit, grass flying, harsh floodlight, telephoto, blurred crowd background, documentary sports photography, high contrast, natural colours, no colour filter, deep blacks with detail, no text, no logos, no watermark
Portrait
portrait-spieler.jpgFrontal, neutraler Hintergrund, Blick in die Kamera.
Studio portrait of a football player in a plain red jersey, frontal, looking straight into camera, neutral dark grey seamless background, hard single key light, no smile, editorial, documentary sports photography, high contrast, natural colours, no colour filter, deep blacks with detail, no text, no logos, no watermark
St. Jakob-Park
joggeli.jpgArchitektur als Wahrzeichen, Rot als Signal im Bild.
Modern football stadium exterior at dusk, translucent facade glowing red, minimal architectural photography, symmetrical, blue hour sky, documentary sports photography, high contrast, natural colours, no colour filter, deep blacks with detail, no text, no logos, no watermark
Region Basel
basel-stadt.jpgVerankerung: Rhein, Stadt, Menschen.
Basel old town along the Rhine river at golden hour, cathedral towers, people on the riverbank, warm natural light, editorial travel photography, documentary sports photography, high contrast, natural colours, no colour filter, deep blacks with detail, no text, no logos, no watermark
Detail / Textur
detail-textil.jpgTrikotstoff, Rasen, Ball — als Flächenbild einsetzbar.
Extreme macro detail of red technical football jersey mesh fabric, raking side light, visible weave texture, abstract surface, documentary sports photography, high contrast, natural colours, no colour filter, deep blacks with detail, no text, no logos, no watermark
Prompt-Bauplan
Marken- und Vereinslogos, Sponsorenschriftzüge und reale Spielernamen nie in den Prompt schreiben — Wappen und Trikotdruck werden nachträglich als freigegebenes Asset gesetzt.
Bildbearbeitung
Grafisches Element: Diagonale
Diagonale
Die aufsteigende Diagonale in Rot und Navy ist das grafische Signature-Element. Winkel 12°, immer von unten links nach oben rechts, nie in Weiss.
Digitale
Bausteine
Buttons, Karten, Badges und Formularelemente in der FCB-Ausprägung: rechteckig, kontrastreich, mit Rot als einzige Aktionsfarbe.
Buttons
Badges & Status
Formular
Karten & Module
HEIMTRIKOT 26/27
Saisonkarte
sichern
Dunkle Module setzen Akzente und werden sparsam eingesetzt.
Marke
im Einsatz
Beispielhafte Umsetzungen für Print, Stadion und Merchandising. Die Layouts folgen einem strengen Raster: 12 Spalten, Rand = 1 Modul, Headline immer oben links oder unten links.
Plakat F4
gegen alle
Briefschaft
Textil & Merch
Farbführung Trikot: Blau dominant, Rot als Schulter-Block
Partner- & Sponsorenlogos
Partnerlogos stehen ausserhalb des FCB-Schutzraums, monochrom auf Weiss oder in Negativ auf Schwarz, auf gleicher optischer Höhe.
Raster
Desktop 12 Spalten, Tablet 8, Mobile 4. Gutter 24 px, Aussenrand 40 px (Mobile 20 px).
Web, App
& Social
Digitale Kanäle folgen derselben Logik wie Print: viel Weissraum, harte Kanten, Rot ausschliesslich für Aktionen und Highlights.
Website
im Joggeli
Social Templates
für Basel“
App Icon & Favicon
Barrierefreiheit
- Kontrast mindestens 4.5:1 für Text.
- Rot nie als einziger Bedeutungsträger.
- Fokus-Zustand sichtbar, Ring in FCB Rot.
- Alt-Texte für Wappen und Motive.
Motion
- Dauer 200–320 ms, Easing kraftvoll.
- Bewegung diagonal, passend zur Signature.
- Keine Bounce- oder Elastic-Effekte.
- Reduced Motion respektieren.
Systeme,
Schnittstellen & Silos
Analyse der aktuellen Digital-Landschaft von fcb.ch und tickets.fcb.ch — mit Fokus auf Integration, Fan-ID und wachsende Commerce-Opportunities.
fcb.ch
Club-Website & Shop
- Shopify Plus (E-Commerce)
- Cloudflare (CDN / WAF)
- Custom Frontend / Theme
- Kombi-Tickets über Ticketcorner
tickets.fcb.ch
Ticketing-System
- Eigenständige Ticketplattform
- Seat-Map & Kategorien
- separates Login / Konto
- Checkout ohne Shop-Verknüpfung
App / Community
Mobile Touchpoints
- Native / Hybrid App
- Push-Notifications
- Spieltags-Content
- Push-to-Ticket-Awareness
Status Quo — Silos
Identität ist fragmentiert
Fans haben unterschiedliche Konten für Shop, Tickets und App — kein Single Sign-on (SSO).
Daten fliessen nicht
Käufe, Ticketverhalten und App-Nutzung liegen in getrennten Systemen; 360°-Fanbild fehlt.
Cross-Sell ist manuell
Vom Ticketkauf ins Trikot oder vom Shop zum Matchday erfordert Domain-Wechsel und neuen Checkout.
Content wird neu erfunden
Spielberichte, Spieler-Updates und Shop-Kampagnen werden pro Kanal separat gepflegt.
Zielbild — Vernetzte Plattform
Unified Fan-ID
Ein Konto für Tickets, Shop, App und Tippspiel — Basis für Personalisierung und Loyalty.
Zentraler Content-Layer
Ein Headless CMS speist Web, Shop, Ticketing und App mit konsistenten Inhalten.
Cross-Sell-Bridge
Matchday-Ticket → Trikot-Bundle oder Fanartikel → Ticket-Upgrade im selben Flow.
Event-Driven Integrations
Käufe und Interaktionen lösen automatisch relevante Next-Best-Actions aus.
Architektur-Optionen
Kurzfristig: API-Integrationen zwischen Shopify und Ticketing. Mittelfristig: zentrale Fan-ID mit SSO und ein Headless CMS als Single Source of Truth.
Diese Übersicht dient als Gesprächsgrundlage für das Meeting. Tiefergehende Architektur-Optionen und Integrations-Roadmaps lassen sich anschliessend als separater Arbeitsschritt ausarbeiten.
Partner-Lockup
Sponsorenlogos erscheinen ausschliesslich einfarbig weiss auf dunklem Grund («Flare»-Verlauf oder Ink). Die Hierarchie entsteht über die Bildhöhe, nicht über die Breite: Hauptpartner in eigener Reihe mit doppelter Höhe, Premium-Partner darunter in einer gemeinsamen, optisch ruhigeren Reihe.
Partnerlogos stehen ausserhalb des FCB-Schutzraums, monochrom auf Weiss oder in Negativ auf Schwarz, auf gleicher optischer Höhe.
Desktop 12 Spalten, Tablet 8, Mobile 4 (20 px).
Tier 1 (Bitpanda, Macron) = 100 % Bildhöhe. Tier 2 = ca. 60–65 % davon. Innerhalb einer Reihe haben alle Logos exakt dieselbe Höhe, die Breite ergibt sich aus dem Artboard.
Horizontaler Mindestabstand = 1,5× Logohöhe, vertikaler Reihenabstand = 1× Logohöhe der oberen Reihe. Reihen sind immer zentriert.
Nur Weiss (#FFFFFF), keine Originalfarben, kein Rahmen, keine Box. Untergrund immer dunkel — Kontrast mindestens 4.5:1 zum Verlauf.
- Bitpanda380 : 90sponsor-bitpanda.svg
- Macron240 : 90sponsor-macron.svg
- Allianz185 : 85sponsor-allianz.svg
- Feldschlösschen185 : 85sponsor-fs.svg
- Hoffmann Automobile185 : 85sponsor-hoffmann.svg
- Sunrise185 : 85sponsor-sunrise.svg
Assets
& Dateien
Ablagen sind vorbereitet. Sobald die offiziellen Dateien vorliegen, werden sie hier verlinkt — Struktur und Benennung bleiben unverändert.
Logo-Paket
Wappen, Wortmarke, Icon — SVG, EPS, PNG
Farbprofile
ASE, ACO, Pantone-Referenz
Schriften
Archivo, Inter, IBM Plex Mono
Vorlagen
Plakat, Social, Präsentation
Bildwelt
Freigegebene Motive der Saison
Verwendung von Wappen und Markenelementen durch Dritte bedarf der schriftlichen Freigabe des FC Basel 1893. Fragen zur Anwendung dieser Guideline gehen an die Abteilung Marketing & Kommunikation.