Vom Logo zum Brand System: wie eine Marke einheitlich bleibt

Viele Unternehmen fangen mit einem Logo an und hören dort auf. Dann nutzt die Website ein Blau, der Flyer ein anderes, die Social-Media-Posts ein drittes, und jede neue Präsentation sieht ein bisschen anders aus. Nichts davon ist für sich falsch, aber zusammen ergibt es keine Marke, die Menschen wiedererkennen.

Ein Brand System ist das Set aus Regeln und Bausteinen, das jeden Berührungspunkt so aussehen und klingen lässt, als käme er vom selben Absender.

1. Logo vs. System: der Unterschied

Ein Logo ist eine Unterschrift. Ein Brand System ist die ganze Handschrift: wie die Marke überall aussieht, schreibt und auftritt, auch dort, wo die Designerin oder der Designer nie hingeschaut hat.

Der Unterschied zeigt sich, wenn jemand anderes etwas gestalten muss: eine Kollegin, die eine Präsentation baut, eine Druckerei, die ein Banner vorbereitet, ein Entwickler, der eine neue Seite anlegt. Mit nur einem Logo raten alle. Mit einem System schlagen sie nach.

2. Bausteine: was dazugehört

Ein Brand System umfasst meist:

• Logo: die Hauptversion, Varianten für kleine Größen und einfarbig, Mindestgröße, Schutzraum und Beispiele, was man nicht tun sollte.
• Farben: eine Hauptpalette und Ergänzungsfarben, mit genauen Werten für Bildschirm (RGB, Hex) und Druck (CMYK, Sonderfarben), dazu welche Kombinationen die Kontrastanforderungen erfüllen.
• Typografie: Schriften, Schnitte und eine Größenskala: welche Größe und welcher Stil für Überschriften, Fließtext, Bildunterschriften und Buttons.
• Raster und Abstände: ein einheitlicher Rhythmus, damit Layouts zusammengehörig wirken, auch wenn ihr Inhalt verschieden ist.
• Bildsprache: Fotostil, Illustrationsstil, Icons und wie sie zugeschnitten und behandelt werden.
• Tonalität: wie die Marke spricht: förmlich oder locker, welche Wörter sie benutzt und welche sie meidet.
• Anwendungen: Visitenkarten, Briefpapier, E-Mail-Signaturen, Social-Media-Vorlagen, Präsentationen, Beschilderung.

3. Richtlinien: damit es nutzbar ist

Die Regeln stehen in einem Brand Guide. Sein Wert liegt nicht darin, wie dick er ist, sondern wie gut man damit arbeiten kann:

• Zeigen statt nur beschreiben: Beispiele für richtige und falsche Verwendung sagen mehr als Absätze.
• Die Dateien mitgeben: Logos in jedem Format, Farbwerte zum Kopieren, Schriften zum Installieren, Vorlagen zum Loslegen.
• Auffindbar halten: Eine gemeinsame Online-Seite schlägt ein PDF, das in irgendeinem Postfach verschwindet.
• Aktuell halten: Wenn sich etwas ändert, ändert sich der Guide mit.

4. Tokens: die Marke im Code

Auf einer Website wird das Brand System zu Design Tokens: benannte Werte für Farben, Schriftgrößen, Abstände, Radien und Schatten, einmal festgelegt und überall verwendet. Ein Button sagt nicht „#d5ff44“, sondern „hero“. Ändert sich der Token, ändert sich jede Stelle, die ihn nutzt.

Diese Website funktioniert so. Ihre Farben, Schriftrollen und Abstände liegen als Tokens an einer Stelle, und jede Komponente nutzt sie. Das hält die Seiten einheitlich, und eine Änderung an der Marke passiert an einer Stelle statt in jeder Datei, die sie nutzt.

Tokens verbinden auch Design und Entwicklung. Dieselben Namen können in den Design-Dateien und im Code stehen, sodass gebaut wird, was gestaltet wurde.

5. Barrierefreiheit: Teil der Marke

Eine Markenpalette, die auf einem Moodboard großartig aussieht, kann scheitern, sobald Text darauf steht. Kontrast schon bei der Farbwahl zu prüfen, nicht hinterher, verhindert ein System, das sich für Text, Buttons oder Links nicht nutzen lässt. Dasselbe gilt für Schrift: Eine Displayschrift, die im Logo schön ist, kann im Fließtext schwer lesbar sein.

Wer das von Anfang an einbaut, hat eine Marke, die für alle funktioniert und die Barrierefreiheitsanforderungen erfüllt, die heute für viele Unternehmen gelten.

6. Wachsen: ein System, das sich weiterentwickelt

Ein gutes Brand System ist nicht eingefroren. Neue Produkte, Kanäle und Formate kommen dazu: eine neue Social-Media-Plattform, ein Messestand, eine App. Das System gibt jedem davon einen Ausgangspunkt, und jedes davon kann wiederum etwas zum System beitragen.

Wichtig ist, dass Ergänzungen ins System wandern, statt als einzelne Ausnahmen herumzuliegen.

Die Kurzfassung

• Ein Logo ist eine Unterschrift; ein Brand System ist die ganze Handschrift.
• Bausteine: Logovarianten, Farben, Schrift, Raster, Bildsprache, Tonalität, Anwendungen.
• Richtlinien zeigen Beispiele, liefern Dateien und bleiben aktuell.
• Design Tokens tragen das System in die Website: einmal festgelegt, überall genutzt.
• Barrierefreiheit wird bei der Wahl von Farben und Schrift geprüft, nicht hinterher.

Wenn deine Marke überall gleich aussehen und klingen soll, melde dich.