Jetzt starten

Brand-Guidelines-Beispiele, von denen man lernen kann (und was ihnen allen fehlt)

Die meisten Listen mit Brand-Guidelines-Beispielen sind reine Cover-Galerien: zwanzig schöne PDFs, als Screenshots präsentiert, jeweils mit einem lobenden Satz. Nützlich für das Moodboard, nutzlos für den eigenen Aufbau. Dies hier ist eine andere Art von Liste: weniger Beispiele, wobei jedes ausgewählt wurde, weil es eine Entscheidung demonstriert, die auch Ihre Guidelines treffen müssen – sowie ein ehrlicher Blick auf die Lücke, die bisher keines dieser Beispiele geschlossen hat.

Aktualisiert 2026-08-04

Was funktionale Guidelines von einem hübschen PDF unterscheidet

Ein Brand-Guidelines-Dokument hat eine einzige Aufgabe: jemandem, der nicht im Meeting dabei war, zu ermöglichen, dieselbe Entscheidung zu treffen, die das Brand-Team getroffen hätte. Jede Seite dient entweder diesem Zweck oder ist reine Dekoration. Der Test ist konkret: Geben Sie das Dokument einem Freelancer, weisen Sie eine Aufgabe zu, die nicht explizit im Dokument gezeigt wird, und prüfen Sie, ob das Ergebnis markenkonform ist. Dokumente, die diesen Test bestehen, weisen vier Eigenschaften auf: exakte Werte (Hex, nicht „unser Blau“), Regeln mit klaren Grenzen („minimaler Schutzraum entspricht der Höhe des Logomarks“), Entscheidungen zur Hierarchie (welche Farbe führt, welche unterstützt, was niemals zusammen erscheint) und sichtbare Gegenbeispiele, da ein „Don't“ schneller kommuniziert als ein Absatz voller „Dos“.

Acht öffentliche Beispiele, jedes mit einer spezifischen Lektion

  • NASA Graphics Standards Manual (1976). Immer noch die Referenz für das Schreiben von Regeln: Jede Regel ist messbar (Schutzraum, Reproduktionsgrößen, verbotene Bearbeitungen), weshalb externe Dienstleister sie über Jahrzehnte ohne Rückfragen anwenden konnten. Zu übernehmen: Regeln so zu formulieren, dass die Einhaltung überprüfbar ist.
  • Spotify Design Guidelines. Das stärkste Beispiel für Voice: Das Dokument klingt wie die Marke, die es regelt. Zu übernehmen: Schreiben Sie Guidelines im Tone-of-Voice der Marke, da das Dokument selbst das erste Artefakt ist, das Menschen kopieren.
  • Uber Brand System. Entwickelt für die Skalierung über hunderte Märkte hinweg: ein kleiner Satz an Kernelementen (Logo, Typografie, eine disziplinierte Palette, Motion) mit expliziten Flex-Zonen. Zu übernehmen: Die Trennung zwischen dem, was fix ist, und dem, was lokal angepasst werden kann, damit Wachstum die Marke nicht fragmentiert.
  • Atlassian Design System. Das seltene Dokument, das Marketing-Brand und Produkt-UI in einem System vereint: Dieselben Grundlagen speisen sowohl die Kampagnenseiten als auch die Software selbst. Zu übernehmen: Eine einzige Source of Truth für Brand und Produkt, statt zwei Dokumente, die mit der Zeit einen Drift aufweisen.
  • Slack Media Kit. Kurz, öffentlich und primär aus Verboten bestehend: exakte Logodateien, exakter Schutzraum, eine Liste von Don'ts. Zu übernehmen: Für externe Zielgruppen ist ein kurzes, durchsetzbares Dokument besser als ein umfassendes, das niemand liest.
  • Starbucks Creative Expression. Eine öffentliche Website statt eines PDFs, organisiert nach Ausdrucksformen (Farbe, Voice, Typografie) mit integrierter saisonaler Flexibilität. Zu übernehmen: Die Veröffentlichung von Guidelines als lebendige Website, sodass Änderungen ohne Neuausgabe eines Dokuments möglich sind.
  • Mailchimp Content Style Guide. Das Beispiel für „Writing-First“: Voice, Tone-of-Voice je nach Situation, grammatikalische Vorgaben, alles öffentlich. Zu übernehmen: Voice verdient ebenso konkrete Regeln wie Farben; „freundlich, aber nicht albern“ wird durch Vorher-Nachher-Beispiele greifbar.
  • IBM Design Language. Die Königsdisziplin: Typografie, Farbe, Motion, Illustration und Fotografie als ein philosophisches System. Zu übernehmen: Die Abschnitte zu Grid und Motion – die zwei Bereiche, die die meisten Guidelines komplett auslassen.

Beachten Sie, was niemals die Lektion ist: der visuelle Stil selbst. Die Palette von Uber zu kopieren, erzeugt ein schlechteres Uber, nicht ein besseres eigenes Design. Was übertragbar ist, ist die Entscheidungsstruktur: was jedes Dokument fixiert hat, was es flexibel ließ und wie es Regeln überprüfbar machte.

Die Anatomie: Was Ihr Dokument tatsächlich benötigt

  1. Logo: Dateien, Schutzraum in messbaren Einheiten, Mindestgrößen, zugelassene und verbotene Bearbeitungen.
  2. Farbe: Exakte Werte (Hex/RGB/CMYK) mit Rollen: Was ist primär, was sind Oberflächen, welcher Text steht auf welcher Farbe und welche Kombinationen sind verboten. Sowohl Light- als auch Dark-Mode, sonst wird das Dark-Theme improvisiert.
  3. Typografie: Schriftfamilien mit Rollen (Display, Body, Mono), vorhandene Schriftschnitte, eine Skala und Limits für die Zeilenlänge.
  4. Voice: Tone-of-Voice je nach Situation mit Vorher-Nachher-Paaren, keine Adjektive.
  5. Bildsprache: Wie Fotografie und Illustration aussehen, inklusive echter Gegenbeispiele.
  6. Do/Don't-Paare im gesamten Dokument: Das am schnellsten erfassbare Format im gesamten Dokument.

Die Lücke: Ihr nächster Leser ist kein Mensch

Jedes obige Beispiel setzt einen menschlichen Leser mit Geschmack und Zeit voraus. Doch ein immer größerer Teil der markenrelevanten Outputs wird heute von KI-Tools erstellt: Site-Builder, Coding-Agents, Content-Generatoren. Ein PDF ist für all diese unsichtbar. Das ist der Grund, warum Unternehmen mit wunderschönen Guidelines immer noch KI-generierte Seiten im gleichen Standard-Lila-Verlauf wie alle anderen veröffentlichen. Die Lösung ist eine zweite Projektion derselben Entscheidungen in einem Format, das Maschinen konsumieren können: exakte Tokens, das Typografie-System, Spacing und die Do/Don't-Regeln als DESIGN.md, die ein Agent liest, oder eine Token-Datei, die ein Tool importiert. Dieselbe Marke, eine Source of Truth, zwei Renderings: eines für Menschen, eines für die Tools, die die Umsetzung übernehmen.

Dieses zweite Rendering ist das, was ein Identity Forge Kit ist. Jedes Kit enthält den maschinenlesbaren Kern von Brand Guidelines (28 semantische Farb-Tokens für Light und Dark, ein Font-Pairing mit Rollen, Skalierung, Motive, Dos und Don'ts), exportierbar als DESIGN.md für Agents, kopierfertige Prompts für Lovable, v0 und Bolt, Tailwind- und DTCG-Tokens oder ein shadcn-Theme. Starten Sie mit einem Kit, und Sie erhalten die harte, überprüfbare Hälfte eines Guidelines-Dokuments bereits generiert; die menschliche Hälfte (Logo-Regeln, Voice, Bildsprache) schreiben Sie darauf auf.

Sage & Slate Editorial

Live render

Rendered from the kit's actual tokens, fonts, and treatments

Sage & SlateOverview
Search anything⌘K
SE

Analytics

Revenue overview

See revenue and retention trends alongside account health.

Jan 1 to Jan 30, 2026
Overview
Analytics
Reports
Notifications

Active users

16.2k

2,491 new

+12%

MRR

$50.2k

Net of churn

+8%

Retention

90%

28-day window

+3%

NPS

70

1,204 replies

+4

Revenue

Last 12 months

$50.2k +18.2%

12m30d7d
JanFebMarAprMayJunJulAugSepOctNovDec

Acquisition

Goal completion

On track
78%of goal
Organic48%
Direct31%
Referral21%

Recent transactions

Latest activity across your workspace

View all
CustomerStatusDateAmount
AR

Alex Rivera

Founder & CEO

Paid2 min ago$1,999.00
MO

Mira Okonkwo

Head of Product

Pending1 hour ago$39.00
JF

Jonas Feld

Design Lead

Processing3 hours ago$299.00

Typography

Plus Jakarta Sans + DM Sans

Color system

28 semantic roles, light + dark

Agent outputs

DESIGN.md, CSS, Tailwind, shadcn

Die maschinenlesbare Hälfte eines Guidelines-Dokuments, live gerendert: Farben mit Rollen in Light und Dark, ein Font-Pairing mit Rollen und Regeln, denen ein Agent folgen kann.

Guidelines, die Tools tatsächlich befolgen

Wählen Sie ein Kit und exportieren Sie dessen System als DESIGN.md, Builder-Prompts oder Tokens: der durchsetzbare Kern Ihrer Brand Guidelines, bereit noch bevor das PDF gestaltet wird.

Was sollten Brand Guidelines enthalten?

Die Logo-Nutzung mit messbarem Schutzraum und Mindestgrößen, exakte Farbwerte mit Rollen und verbotenen Kombinationen (für Light- und Dark-Mode), Typografie mit Zuweisungen pro Schriftfamilie und Schriftschnitt, Voice and Tone mit Vorher-Nachher-Beispielen, eine Bildsprache mit Gegenbeispielen sowie durchgängige Do/Don't-Paare. Ergänzen Sie einen maschinenlesbaren Export (Design-Tokens und eine DESIGN.md), damit KI-Tools, die für die Marke entwickeln, denselben Regeln folgen können.

Wie lang sollte ein Brand-Guidelines-Dokument sein?

So kurz wie möglich, solange es entscheidungsfähig bleibt. Das öffentliche Kit von Slack besteht aus wenigen Seiten mit durchsetzbaren Regeln; das von IBM ist weitaus umfangreicher, da täglich Tausende von Entwicklern darauf aufbauen. Die Länge richtet sich nach der Zielgruppe: Externe Partner benötigen ein kurzes, striktes Dokument; interne Teams können eine lebendige Website nutzen. Ein ungelesenes, umfassendes Dokument verliert jedes Mal gegen ein gelesenes, kurzes.

Gibt es eine gute kostenlose Vorlage für Brand Guidelines?

Vorlagen liefern die Kapitelliste (die oben beschriebene Anatomie), was die einfachen 10 % ausmacht. Der eigentliche Wert liegt in den Entscheidungen, die diese füllen, und diese lassen sich nicht vorlagenmäßig festlegen: sie sind individuell. Der einzige Teil, der ehrlich generiert werden kann, ist der Kern des Designsystems: Jedes Identity Forge Kit exportiert kostenlos vollständige, aufgelöste Farb-Tokens, Typografie und Regeln, wodurch die schwierigsten Kapitel der Vorlage mit echten Entscheidungen statt mit Platzhaltern gefüllt werden.

Was ist der Unterschied zwischen Brand Guidelines und einem Designsystem?

Brand Guidelines steuern jeden Ausdruck der Marke (Logo, Voice, Bildsprache, Farbe, Typografie) für das menschliche Urteilsvermögen; ein Designsystem implementiert die Teilmenge für digitale Produkte als wiederverwendbare Tokens und Komponenten für die Entwicklung. Sie überschneiden sich bei Farbe und Typografie – und genau hier müssen sie eine gemeinsame Source of Truth teilen, da das Produkt sonst langsam aufhört, wie die Marke auszusehen.