Ein Style Guide ist ein verbindliches Regelwerk, das festlegt, wie eine Marke, ein Medium oder ein Produkt visuell und sprachlich kommuniziert – mit Vorgaben zu Farbe, Typografie, Logonutzung, Bildsprache und Schreibweisen –, um Konsistenz über alle Kanäle und Touchpoints hinweg zu gewährleisten.
Rubrik: Storytelling & Konzeption · Unterrubrik: Konzept · Niveau: Einsteiger Synonyme / Auch bekannt als: Brand Style Guide, Corporate Design Manual, Editorial Style Guide, Brand Guidelines, CI-Handbuch
Was ist ein Style Guide?
Ein Style Guide ist das Handbuch einer Marke oder eines Mediums. Es legt fest: So sehen wir aus, so schreiben wir, so klingen wir. Ohne Style Guide entstehen Inkonsistenzen – unterschiedliche Teams, Agenturen oder Kanäle entwickeln ihr eigenes Verständnis vom Erscheinungsbild. Das Ergebnis ist ein zersplittertes Bild, das Vertrauen und Wiedererkennbarkeit untergräbt.
Style Guides sind lebende Dokumente: Sie wachsen mit einer Marke, werden aktualisiert und angepasst, wenn sich das Unternehmen oder das Umfeld verändert.
Erklärung
Typen von Style Guides
Brand Style Guide (Visuelles Erscheinungsbild): Der häufigste Typ. Regelt das gesamte visuelle Erscheinungsbild einer Marke: Logo, Farben, Typografie, Bildsprache, Icons, Layouts. Richtet sich an Designer, Agenturen und alle, die Markenmaterialien erstellen.
Editorial Style Guide (Redaktionelle Richtlinien): Regelt Sprache, Schreibweisen, Grammatik und Tonalität für redaktionelle Inhalte. Bekannte Beispiele: The Associated Press Stylebook (1953, USA), der Duden als impliziter Stil-Standard im deutschsprachigen Raum, oder hauseigene Redaktionsleitfäden großer Verlagshäuser.
Code Style Guide: In der Softwareentwicklung: Regeln für Formatierung und Namensgebung im Code (z. B. Google's Python Style Guide). Nicht im Scope dieses Eintrags, aber der Begriff überlappt.
Digital/Social Media Style Guide: Ergänzung zum Brand Style Guide mit Vorgaben für Social-Media-spezifische Formate (Post-Layouts, Hashtag-Strategie, Stories-Bildsprache).
Inhalte eines Brand Style Guides
Ein vollständiger Brand Style Guide enthält typischerweise:
Logo:
- Primäre und alternative Versionen (horizontal, vertikal, Monochrom)
- Schutzraum (Mindestabstand um das Logo)
- Mindestgröße
- Verbotene Verwendungen (No-Gos: stretched, auf falschem Hintergrund, veränderte Farben)
Farben:
- Primär- und Sekundärfarben mit exakten Farbcodes (HEX, RGB, CMYK, Pantone)
- Anwendungsregeln: Welche Farbe wann und wie verwenden?
- Farbkombinationen und deren Kontrastverhältnisse (Accessibility)
Typografie:
- Primäre und sekundäre Schriftfamilien
- Hierarchie: Headline, Subheadline, Body Copy, Caption
- Schriftgrößen und Zeilenabstände
- Webfonts vs. Print-Fonts
Bildsprache:
- Stil und Stimmung der Fotografie (authentisch vs. inszeniert, hell vs. dunkel, nah vs. weit)
- Verbotene Bildmotive
- Behandlung von Fremdbildern und Stockfotos
- Illustrationssprache (falls relevant)
Icons und Grafiken:
- Stilrichtung (Outline vs. Filled, minimalistisch vs. illustrativ)
- Grids und Layouts
Tone of Voice: Kurze Zusammenfassung der sprachlichen Grundhaltung (oft als Verweis auf einen separaten Tone-of-Voice-Guide).
Unterschied zu Brand Guidelines
Die Begriffe werden oft synonym verwendet, aber es gibt eine Nuance:
- Brand Guidelines ist der umfassendere Begriff: Alles, was eine Marke ausmacht – inklusive Strategie, Werte, Mission, Positionierung und das Visuelle.
- Style Guide ist präziser auf die Anwendungsregeln fokussiert – das handwerkliche Wie, nicht das strategische Warum.
In der Praxis verwenden viele Unternehmen beide Begriffe für dasselbe Dokument.
Tools für digitale Style Guides
Moderne Style Guides werden nicht mehr als PDF-Handbücher gepflegt, sondern als lebende Online-Dokumente:
- Frontify: Spezialisiertes Brand-Management-Tool. Dokumente können im Browser bearbeitet und geteilt werden; Assets direkt herunterladbar.
- Zeroheight: Fokus auf Design-Systeme und Entwickler-Übergabe; verbindet Style Guide direkt mit Figma.
- Figma: Viele Teams pflegen ihren Style Guide direkt in Figma als gemeinsam zugängliche Design Library.
- Notion: Einfache Option für kleinere Teams – kombinierbares Dokument mit Tabellen, Bildern und Links.
- Google Sites: Kostenlose Option für interne Brand-Portale.
Design-Systeme vs. Style Guide
In der digitalen Produktentwicklung wird der Style Guide oft durch ein Design System erweitert: ein umfassendes Repository aus wiederverwendbaren Komponenten (Buttons, Formulare, Icons) mit Nutzungsregeln. Bekannte Beispiele: Google's Material Design (2014), Apple's Human Interface Guidelines (seit 1987), Atlassians Design System.
Beispiele
- NASA Graphics Standards Manual (1976, restauriert 2015): Eines der bekanntesten historischen Style Guides. Definiert exakt, wie die NASA-Schrift „Worm" und der NASA-Meatball auf allen Materialien eingesetzt werden. Wurde 2015 nach einer erfolgreichen Crowdfunding-Kampagne neu aufgelegt.
- Airbnb Design System (2016): Airbnb veröffentlichte sein Design System öffentlich, inklusive Typografie-Bibliothek, Farbpaletten und Komponenten. Gilt als Vorbild für digitale Design-Systeme.
- Deutsche Bahn Corporate Design Manual: Ausführliches Brand-Handbuch, das Farben, Fonts (DB-Type) und Layoutregeln für alle Materialien von Tickets bis Zugdesign definiert.
- Oatly Brand Guidelines: Bekannt für ihren unkonventionellen Ansatz – Oatlys Guide ist selbst in der Markensprache geschrieben: witzig, direkt, regelkritisch. Ein Musterbeispiel dafür, dass ein Style Guide die Markenpersönlichkeit spiegeln kann.
- The Guardian Editorial Style Guide: Öffentlich zugängliches Redaktionsregelwerk einer der bedeutendsten englischsprachigen Tageszeitungen. Enthält Schreibweisen, Abkürzungen, Titelkonventionen und ethische Richtlinien.
In der Praxis
Tipps für die Erstellung und Pflege eines Style Guides:
- Beteilige alle Stakeholder: Logo-Anwender, Schreiber, Entwickler und Marketing sollen alle Input geben – und alle sind Nutzer des Guides.
- Mache es zugänglich: Ein Style Guide, der im Intranet begraben liegt, wird nicht genutzt. Direkte Links, einfache Navigation und Download-Möglichkeiten sind entscheidend.
- Erkläre das Warum: Nicht nur „Schriftgröße 16 px für Headlines", sondern warum diese Entscheidung getroffen wurde. Das erhöht die Compliance.
- Aktualisiere regelmäßig: Ein Style Guide aus 2015 in einem Unternehmen, das sich stark verändert hat, wird ignoriert. Versions-Versionierung und regelmäßige Reviews einplanen.
- Starte klein: Lieber ein präziser 20-seitiger Guide als ein überfrachtetes 120-seitiges Dokument, das niemand liest.
Vergleich & Abgrenzung
| Dokument | Style Guide | Brand Guidelines | Moodboard | Tone of Voice Guide |
|---|---|---|---|---|
| Fokus | Anwendungsregeln | Marke ganzheitlich | Stimmung/Inspiration | Sprache & Ton |
| Verbindlichkeit | normativ | normativ | inspirativ | normativ |
| Zielgruppe | Designer, Agenturen | alle Mitarbeiter | Kreativteam | Texter, Content |
| Zeitpunkt | dauerhaft | dauerhaft | Projektbeginn | dauerhaft |
Häufige Fragen (FAQ)
Braucht jedes Unternehmen einen Style Guide? Ja, in irgendeiner Form. Kleine Unternehmen können mit einer einseitigen Zusammenfassung von Farben, Fonts und Logo-Regeln beginnen. Die Alternative – kein Guide – führt fast immer zu Inkonsistenz, besonders wenn externe Dienstleister ins Spiel kommen.
Wie oft sollte ein Style Guide aktualisiert werden? Mindestens einmal jährlich auf Relevanz prüfen. Bei Rebranding, neuen Kanälen oder wesentlichen Markenveränderungen sofortige Aktualisierung. Große Marken wie Google aktualisieren ihr Material Design kontinuierlich in kleinen Schritten.
Verwandte Einträge
Weiterführend
- Mollerup, Per: Marks of Excellence (1997) – Historische und systematische Analyse von Corporate Identity
- Airey, David: Logo Design Love (2010) – Logogestaltung und Brand Guidelines
- Google: Material Design Guidelines (2014, laufend aktualisiert) – Offenes digitales Design-System
- NASA: NASA Graphics Standards Manual (1976, 2015) – Historisches Musterbeispiel
- Lupton, Ellen: Thinking with Type (2004) – Typografische Grundlagen für Style Guides
