Die Kurzfassung
- Ein Marken-Styleguide ist ein kurzes Regelwerk, das allen zeigt, wie sie Logo, Farben, Schrift, Hintergründe, Bildwelt und Stimme einer Marke anwenden.
- Styleguides werden genutzt, wenn sie als konkrete Regeln mit Beispielen geschrieben sind und nicht als Beschreibung, wie sich die Marke anfühlen soll.
- Die meisten kleinen Marken brauchen nur einen Einseiter mit Positionierung, Stimme, Logo, Farben mit Anteilen, Schrift, Hintergrund und ein paar Do-und-Don't-Beispielen.
- Jede Regel lässt sich leichter befolgen, wenn neben ihr ein richtiges und ein falsches Beispiel stehen.
- Ein Styleguide bleibt lebendig, wenn eine Person ihn verantwortet, er ein Datum trägt und seine Regeln in den Vorlagen stecken, die alle ohnehin nutzen.
Auf dieser Seite
Ein Marken-Styleguide ist ein kurzes Regelwerk, mit dem alle, vom neuen Teammitglied über die Freelancerin bis zum KI-Assistenten, etwas gestalten können, das aussieht und klingt wie deine Marke. Die, die wirklich genutzt werden, haben drei Eigenschaften gemeinsam: Sie sind kurz, sie sind als konkrete Regeln statt als Beschreibungen geschrieben, und jede Regel kommt mit einem Beispiel. Für die meisten kleinen Marken leistet eine gut gemachte Seite mehr als ein fünfzigseitiges PDF, das niemand öffnet.
Ein Styleguide ist die geschriebene Hälfte deiner Identität; das Markenkit sind die Dateien. Du brauchst beides, und beide sollten aufeinander verweisen.
Was in einen Marken-Styleguide gehört
| Abschnitt | Einseiter | Ausführlich zusätzlich |
|---|---|---|
| Positionierung | Ein Satz: was du tust und für wen | Notizen zur Zielgruppe, Kernbotschaften |
| Stimme | Drei Wörter, zwei Beispielsätze | Wortliste, zu meidende Wörter, Ton je Kanal |
| Logo | Hauptversion und einfarbige Version, Mindestgröße, Schutzraum | Logo-Anordnungen, Co-Branding, Beispiele für falschen Einsatz |
| Farbe | Hex-Codes mit Namen, Aufgaben und Anteilen | RGB, CMYK, barrierefreie Textkombinationen |
| Schrift | Überschrift- und Fließtextschrift mit Größen | Vollständige Schriftskala, Web- und Ersatzschriften |
| Hintergrund | Der Signatur-Hintergrund und seine einfarbige Ausweichfläche | Varianten je Format, Regeln für Texturen |
| Bildwelt | Drei Beispielbilder und ein Satz | Fotobehandlung, Regeln für Illustrationen |
| Do und Don't | Vier bis sechs Paare | Ein Paar je Abschnitt |
Was du weglässt
- Lange Markengeschichten und Gründeressays. Sie gehören auf deine Seite „Über uns“, nicht in ein Arbeitsdokument.
- Werte als Einzelwörter wie „Innovation“ und „Qualität“. Niemand kann sie anwenden.
- Jede mögliche Abstufung jeder Farbe. Liste die auf, die du wirklich nutzt.
- Seitenweise falscher Logo-Einsatz, den niemand je begehen würde. Zeige die zwei oder drei Fehler, die wirklich passieren.
- Regeln, die du nicht durchsetzt. Jede Regel, die du ignorierst, bringt den Leuten bei, dass der ganze Styleguide freiwillig ist.
Regeln schreiben, keine Beschreibungen
Der häufigste Fehler in Styleguides ist Beschreibung, wo eine Anweisung stehen sollte. „Unsere Palette ist lebendig und optimistisch“ sagt einem Designer nichts. „Koralle nur für Buttons und Preise“ sagt ihm genau, was zu tun ist. Jede Zeile in deinem Styleguide sollte etwas sein, gegen das man ein Design prüfen kann.
Beschreibung (unbrauchbar)
- Unsere Farben sind kräftig und energisch
- Unsere Typografie ist modern und klar
- Wir nutzen viel Weißraum
- Unsere Stimme ist freundlich, aber professionell
- Fotos sollen authentisch wirken
Regel (brauchbar)
- Nachtblau deckt etwa 60 % jedes Designs; Koralle nur für Buttons und Preise
- Überschriften in der Display-Schrift ab 64 px; Fließtext mit 16 px, nie fett
- Ein Rand von mindestens 8 % der Breite auf jeder Seite
- Kurze Sätze, Umgangston, keine Ausrufezeichen
- Nur natürliches Licht, Menschen bei der Arbeit, keine gestellten Lächeln in die Kamera
Ein Marken-Styleguide auf einer Seite: Beispiel
Hier ein vollständiger Einseiter für eine ausgedachte Bäckerei. Er passt auf einen einzigen Bildschirm und beantwortet die meisten Fragen, die eine Freelancerin stellen würde.
CORNER LOAF: BRAND STYLE GUIDE (v1.2, updated October 2026, owner: Sam)
WHO WE ARE
The neighbourhood bakery that bakes overnight in small batches.
VOICE: warm, unhurried, honest
Yes: "Rye's back tomorrow. We made forty."
No: "Don't miss our AMAZING new rye!!!"
COLOUR (share, job)
Night blue #0e1424 60% backgrounds
Flour #f3e6d0 30% text and panels
Oven glow #e0823d 10% times, prices, buttons only
TYPE
Headlines: condensed sans, 64 px and up, sentence case
Body: humanist sans, 16 to 18 px, regular weight
BACKGROUND
Signature: oven glow rising from the bottom of night blue
Fallback (small sizes, one-colour print): flat night blue
LOGO
Wordmark only. Minimum width 96 px. Clear space = height of the C.
DON'T
Put text over the glow. Use cream backgrounds. Add a second accent.Jede Regel mit einem Beispiel zeigen
Menschen überfliegen Styleguides und schauen auf Bilder. Stelle neben jede wichtige Regel ein richtiges und ein falsches Beispiel, am besten in echten Formaten aus deinem eigenen Feed. Die folgende Regel braucht jede Marke mit Farbverlauf oder Foto: wo die Worte sitzen.
Falsch: Die Überschrift läuft über den unruhigsten, hellsten Teil des Hintergrunds.
Richtig: Die ruhigste, dunkelste Fläche liegt hinter den Worten.
Bei Farben gilt dasselbe. Liste jede mit Name, Code, Aufgabe und Anteil auf und nimm die Textkombinationen auf, die die Prüfung auf Farbkontrast bestehen, damit sie niemand erneut testen muss.
So hältst du einen Styleguide lebendig
- 1
Gib ihm eine verantwortliche Person
Eine benannte Person genehmigt Änderungen und beantwortet Fragen. Ein Styleguide, der allen gehört, wird von niemandem gepflegt.
- 2
Mit Datum und Version versehen
Setze Version und Datum nach oben, damit man weiß, dass man die aktuelle Fassung hat.
- 3
Regeln in Vorlagen einbauen
Die beste Regel ist eine, die man nicht aus Versehen brechen kann. Vorlagen mit dem richtigen Hintergrund, der richtigen Schrift und Logoposition setzen den Styleguide leise durch. Siehe Markenkonsistenz.
- 4
Dort ablegen, wo gearbeitet wird
Hefte ihn in deinem Design-Tool, im gemeinsamen Laufwerk und im Team-Chat an. Wer ihn suchen muss, nutzt ihn nicht.
- 5
Eine Fassung für KI schreiben
Assistenten folgen klaren, wörtlichen Regeln gut. Markenrichtlinien, denen deine KI folgt zeigt, wie du die Seite anpasst.
- 6
Jedes Quartal überprüfen
Streiche Regeln, denen niemand folgt, und ergänze die Fragen, die zweimal gestellt wurden.
In Gradiently hält das Markenkit deine Logos, Farben und Schriften neben jedem Design bereit, und dein Mark trägt den Signatur-Hintergrund, sodass die meisten Regeln eines Einseiters schon angewendet sind, wenn jemand eine Vorlage öffnet.
Häufige Fragen
Was gehört in einen Marken-Styleguide?
Mindestens: Positionierung, Stimme, Logo-Regeln, Farben mit Hex-Codes und Anteilen, Schriften mit Größen, den Signatur-Hintergrund samt Ausweichfläche, Hinweise zur Bildwelt und ein paar Do-und-Don't-Beispiele.
Wie lang sollte ein Marken-Styleguide sein?
So kurz, wie es geht, solange er echte Fragen beantwortet. Für die meisten kleinen Marken reicht eine Seite; ergänze Abschnitte erst, wenn dieselbe Frage zweimal kommt.
Was ist der Unterschied zwischen Marken-Styleguide und Markenkit?
Der Styleguide sind die Regeln. Das Markenkit sind die Dateien: Logos, Schriften, Farbcodes, Hintergründe und Vorlagen. Beide sollten aufeinander verlinken.
Wie erreiche ich, dass Markenrichtlinien befolgt werden?
Schreibe konkrete Regeln mit Beispielen, gib dem Styleguide eine verantwortliche Person und baue die Regeln in Vorlagen ein, damit die richtige Wahl die einfache ist.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen
