Corporate Design auf der Website umsetzen, ohne es zu verwässern
· 4 Min. Lesezeit · webdesignr
Zwischen einem Corporate-Design-Handbuch und einer Website liegt eine Lücke, an der viele Marken etwas von ihrer Wiedererkennbarkeit verlieren. Das Handbuch beschreibt Farben, Schriften und ein Logo — meist für Drucksachen entworfen. Eine Website braucht zusätzlich Regeln für Bewegung, für Klickzustände, für unterschiedliche Bildschirmgrößen, die im Handbuch oft nicht vorkommen. Dieser Artikel zeigt, wo dabei typischerweise etwas verloren geht und wie es sich vermeiden lässt.
Warum ein Handbuch allein nicht reicht
Ein klassisches Corporate-Design-Handbuch legt fest: die Farbwerte, die Schriftfamilie, den Mindestabstand um das Logo, vielleicht ein paar Beispielanwendungen für Broschüren oder Visitenkarten. Das ist die Grundlage, aber keine vollständige Anleitung für eine Website. Eine Website braucht zusätzlich: Wie sieht ein Button aus, wenn man ihn berührt? Wie verhält sich ein Formularfeld bei einem Fehler? Wie wirkt die Marke, wenn eine Überschrift auf dem Handy in drei statt einer Zeile umbricht? Auf diese Fragen gibt ein für den Druck entworfenes Handbuch selten eine Antwort — sie entstehen erst bei der Umsetzung, und genau dort werden sie oft ad hoc und uneinheitlich gelöst.
Wo die Wiedererkennbarkeit typischerweise verloren geht
| Element | Was oft passiert | Was hilft |
|---|---|---|
| Farben | Die Markenfarbe wird überall gleich stark eingesetzt und verliert dadurch ihre Wirkung als Akzent. | Eine dominante Grundfarbe, die Markenfarbe gezielt für wenige, wichtige Elemente |
| Abstände | Jede Seite bekommt eigene Abstände, je nachdem, wer sie zuletzt bearbeitet hat. | Ein festes Abstandsraster, das für die ganze Website gilt |
| Bildsprache | Stockfotos ersetzen die im Handbuch beschriebene Bildwelt, weil eigenes Material fehlt. | Eigene Fotografie oder eine konsequent kuratierte Bildauswahl |
| Typografie in der Anwendung | Die richtige Schrift wird genutzt, aber in Größen und Gewichten, die im Handbuch nie vorkamen. | Eine Schriftskala mit festen Stufen für Überschriften, Text und Beschriftungen |
| Tonalität | Die Bildsprache ist konsequent, die Texte klingen wie jede andere Website. | Sprache als Teil der Marke behandeln, nicht nur als Inhalt |
Der Übersetzungsschritt: vom Handbuch zum Design-System
Der Schritt, der die Lücke schließt, ist ein Design-System für die Website — eine Sammlung wiederverwendbarer Bausteine, die die Markenregeln bereits in sich tragen. Ein Button-Baustein legt Farbe, Abstand, Schriftgröße und das Verhalten bei Berührung einmal fest; jede Seite nutzt danach denselben Baustein, statt ihn neu zu erfinden. Das hat einen Nebeneffekt, der über die Optik hinausgeht: Ein Design-System macht neue Seiten schneller, weil die Bausteine bereits existieren. Wie das mit der Seitenstruktur einer B2B-Website zusammenspielt, steht in unserem Artikel zum Aufbau einer B2B-Website.
Was Konsequenz in der Praxis bedeutet
Konsequenz zeigt sich nicht in der Regel selbst, sondern darin, ob sie überall gilt — auch auf der Seite, die zuletzt und unter Zeitdruck gebaut wurde. Eine Möglichkeit, das zu prüfen: fünf beliebige Unterseiten nebeneinander öffnen und darauf achten, ob Abstände, Schriftgrößen und Farbeinsatz übereinstimmen. Häufig zeigt genau dieser Vergleich, wo die Regeln zwar im Handbuch stehen, aber in der Umsetzung schon wieder auseinanderlaufen. Wie sich dieselbe Konsequenz auch auf die Texte übertragen lässt, damit Sprache und Bildsprache zusammenpassen, steht in unserem Artikel zu B2B-Website-Texten.
Häufige Fragen
Brauchen wir ein Design-System, wenn wir nur eine kleine Website haben?
In verkleinerter Form ja. Auch bei fünf Seiten lohnt es sich, Farben, Abstände und Button-Stile einmal festzulegen, statt sie auf jeder Seite neu zu entscheiden. Der Aufwand ist bei einer kleinen Website gering, der Effekt auf die Wiedererkennbarkeit trotzdem spürbar.
Was, wenn wir noch kein vollständiges Corporate-Design-Handbuch haben?
Dann ist die Website oft der richtige Anlass, die wichtigsten Regeln zu klären — Grundfarbe, Akzentfarbe, Schrift, Bildsprache. Es muss kein vollständiges Handbuch sein, aber diese Grundentscheidungen sollten stehen, bevor die Umsetzung beginnt.
Wie oft sollte man das Design-System einer Website überarbeiten?
Nicht nach einem festen Zeitplan, sondern wenn sich zeigt, dass Ausnahmen sich häufen — wenn also immer öfter von den festgelegten Regeln abgewichen wird, weil sie nicht mehr passen. Das ist ein Signal, das System zu aktualisieren, bevor der Wildwuchs größer wird.
Kann zu strenge Markenkonsequenz eine Website auch einengen?
Ja, wenn Regeln zum Selbstzweck werden. Ein gutes Design-System lässt Raum für neue Bausteine, wenn ein echter neuer Bedarf entsteht — es soll Konsequenz sichern, nicht jede Weiterentwicklung verhindern.