Zuletzt geprüft: Juli 2026 · Design & Marke
Designsystem
Ein Designsystem ist eine lebende Sammlung wiederverwendbarer Bausteine: Farben, Typografie, Buttons, Formulare, Abstände, samt Regeln, wann was benutzt wird. Bekannte Beispiele sind Googles Material Design oder das GOV.UK Design System. Der Zweck: Konsistenz und Tempo, weil Gestaltungsfragen einmal entschieden werden statt bei jedem neuen Element wieder.
Warum dich das betrifft
Websites und Marken wachsen: neue Seiten, neue Formate, mal macht es jemand anderes. Ohne System driftet alles auseinander. Drei Blautöne, fünf Buttonformen, jede Landingpage ein Unikat. Ein Designsystem hält den Auftritt beieinander, gerade wenn mehrere Leute daran arbeiten. Die öffentlichen Systeme von Google oder der britischen Regierung zeigen, wie weit man das treiben kann.
Für Selbstständige gilt die ehrliche Nummer kleiner: ein sauberer Styleguide mit Farben, Schriften, Logo-Regeln und ein paar Bausteinen. Das passt auf wenige Seiten und verhindert schon die meisten Unfälle.
Was dazugehört und was nicht
Ein Designsystem ist kein Styleguide-PDF, das im Ordner verstaubt: Es lebt dort, wo gearbeitet wird, in den Design-Dateien und im Code der Website. Und es ist Mittel, nicht Zweck. Ein System für eine Fünf-Seiten-Website ist Verwaltung ohne Gegenstand.
Was kostet das ehrlich?
Ein kompakter Styleguide entsteht bei mir im Zuge der visuellen Gestaltung oder des Webprojekts, oft ohne separaten Posten. Ein ausgewachsenes Designsystem ist dagegen ein eigenes Projekt ab mehreren tausend Euro und lohnt erst ab echter Größe: mehrere Kanäle, mehrere Menschen, laufend neue Formate. Vorher ist Konsequenz billiger als Systematik.
So gehe ich das an: Ich bringe dein Erscheinungsbild in ein System, das zu deiner Größe passt: vom kompakten Styleguide bis zu Bausteinen im Website-Code. Visuelle Gestaltung →
Quellen
- Material Design (Google) — Eines der bekanntesten öffentlichen Designsysteme.
- GOV.UK Design System — Das vielzitierte System der britischen Verwaltung, komplett offen dokumentiert.
- U.S. Web Design System — Das offene Designsystem der US-Verwaltung.