Corporate Design vs. Design-System: was ist der Unterschied?

Die Kurzantwort in zwei Sätzen: Das Corporate Design legt fest, wie deine Marke aussieht, überall, vom Logo auf der Visitenkarte bis zur Beschriftung am Firmenwagen. Ein Design-System sorgt dafür, dass genau dieses Aussehen in digitalen Produkten verlässlich umgesetzt wird, Seite für Seite, Baustein für Baustein.

Das eine ist also die Identität, das andere die Maschine, die sie im Web durchsetzt. Zur Einordnung: Über beidem steht die Corporate Identity, das Gesamtbild eines Unternehmens aus Verhalten, Kommunikation und Gestaltung. Das Corporate Design ist ihr sichtbarer Teil. Der Reihe nach.

Was Corporate Design umfasst

Corporate Design ist das visuelle Regelwerk der Marke: Logo und seine Schutzzone, Farbwelt, Schriften, Bildsprache, Gestaltungsraster. Es gilt medienübergreifend, für Print genauso wie für Web, Messestand, Arbeitskleidung oder Fahrzeugbeschriftung. Dokumentiert wird es klassisch in einem Corporate-Design-Manual oder, in der schlanken Version, einem Styleguide. Was da hineingehört, steht im Artikel Was ist ein Styleguide.

Wichtig: Corporate Design ist eine Festlegung, kein Werkzeug. Es beschreibt das Soll. Ob sich jemand daran hält, steht auf einem anderen Blatt, und genau an dieser Stelle kommt das Design-System ins Spiel.

Was ein Design-System ist

Ein Design-System übersetzt Gestaltungsregeln in nutzbare Bausteine für digitale Produkte: benannte Werte für Farben und Schriftstufen (Tokens), fertige Komponenten wie Buttons und Formulare, dazu Muster und eine lebende Dokumentation, alles gespiegelt in Design-Tool und Code. Es ist kein Dokument zum Nachschlagen, sondern ein Werkzeugkasten, aus dem Websites und Apps gebaut werden. Die Bestandteile im Detail stehen im Artikel Was ist ein Design-System?

Der eigentliche Unterschied

Vier Gegensatzpaare machen ihn greifbar:

• Reichweite: Corporate Design gilt für alle Medien, vom Briefbogen bis zum Messestand. Ein Design-System gilt für digitale Produkte.
• Form: Das CD ist eine dokumentierte Festlegung, meist ein PDF. Das Design-System ist ein technisches Werkzeug, das im Design-Tool und im Code lebt.
• Wirkungsweise: Das Manual beschreibt Regeln und hofft auf Einhaltung. Das System erzwingt sie, weil jede Seite aus denselben Bausteinen entsteht.
• Fokus: Corporate Design denkt von der Marke her: Wiedererkennung, Haltung, Auftritt. Ein Design-System denkt zusätzlich von der Bedienbarkeit her, mit Zuständen, Kontrasten und Barrierefreiheit als eingebautem Standard.

Konkurrenten sind die beiden nie. Ein Design-System ersetzt kein Corporate Design, es setzt eines voraus: Ohne definierte Marke gibt es nichts, was das System durchsetzen könnte.

Die Fragen, die ein CD-Manual offenlässt

Wie groß die Lücke zwischen beiden ist, zeigt sich an den Fragen, die in jedem Webprojekt auftauchen und in keinem Manual stehen: Welche Farbe hat ein Button, wenn der Mauszeiger darüber liegt? Wie sieht ein Formularfeld mit Fehlermeldung aus? Ist die Hausschrift überhaupt fürs Web lizenziert, und welche Schrift springt ein, solange sie lädt? Besteht die Markenfarbe auf weißem Grund den Kontrast-Test für lesbaren Fließtext? Ein Manual, das aus der Print-Welt kommt, beantwortet davon nichts.

Jede offene Frage wird dann im Projekt spontan entschieden, von wem auch immer gerade dran ist, und jedes Mal ein bisschen anders. Genau diese Lücke füllt das Design-System: Es hält die Antworten dort fest, wo sie gebraucht werden, im Baustein selbst.

Wie beides in der Praxis zusammenhängt

Die Reihenfolge ist immer dieselbe: Erst wird die Marke festgelegt, dann wird sie fürs Web übersetzt. Aus der CD-Farbwelt werden Tokens mit Rollen, aus der Hausschrift werden feste Schriftstufen, aus dem Gestaltungsraster werden Abstände und Komponenten. Und was das Manual offenlässt, wird dabei einmal sauber nachentschieden und festgeschrieben, statt in jedem Projekt neu. Warum die Marke dabei mehr ist als das Logo, erklärt der Artikel über die Corporate Brand.

Fehlt eine der beiden Seiten, merkt man es sofort. Eine Website ohne CD-Grundlage sieht nach Baukasten-Zufall aus, egal wie sauber sie gebaut ist. Und ein schönes CD-Manual ohne Übersetzung ins Digitale führt zu dem bekannten Effekt, dass Print-Material und Website aussehen wie von zwei verschiedenen Firmen.

Was kleine Unternehmen brauchen

Nicht die Konzern-Ausbaustufe von beidem. Es reicht das Prinzip in klein: ein sauberes Mini-Corporate-Design (Logo-Regeln, zwei Schriften, drei Farben mit Rollen, festgehalten auf einer Seite) und dessen konsequente Übersetzung in die Website, sodass jede neue Seite aus denselben Werten und Bausteinen entsteht. Genau so arbeite ich bei meinen Webdesign-Projekten: Die Marken-Festlegungen wandern als benannte Werte in den Code, und was du auf Papier freigibst, ist danach auch das, was im Browser steht. Der Unterschied zwischen Corporate Design und Design-System ist dann keine Theoriefrage mehr, sondern schlicht die Antwort darauf, warum deine Website in zwei Jahren noch aussieht wie aus einem Guss.