Styleguide

Styleguide, einfach erklärt

Ein Styleguide ist das Regelwerk zum Erscheinungsbild. Er beschreibt, wie Logo, Farben, Schriften, Bilder und Layouts verwendet werden und wie nicht. Er ist das Dokument, das ein Corporate Design nutzbar macht: für Sie, für Mitarbeitende, für die Druckerei, für Webdesign und für alle, die in Ihrem Namen etwas gestalten.

Typischer Inhalt sind das Logo mit Varianten, Mindestgröße und Schutzraum, die Farbpalette mit Farbwerten für Bildschirm und Druck, die Schriften samt Größen und Zeilenabständen, Hinweise zu Bildern und Fotos, Beispiele für Briefbogen, Angebot, Beitrag und Anzeige sowie Verbote wie „Logo nicht verzerren“. Bei Websites kommen Abstände, Schaltflächen, Formulare und Zustände wie Fokus hinzu.

Der Nutzen zeigt sich später. Ohne Styleguide entstehen mit jeder neuen Person und jedem neuen Medium leichte Abweichungen, bis der Auftritt zerfasert. Mit Styleguide lässt sich schnell prüfen, ob etwas passt. Er hilft auch beim Wechsel von Dienstleistern, weil die Regeln nicht im Kopf einer einzelnen Person liegen. Auch Lesbarkeit gehört hinein: Nach WCAG 2.2 sollte normaler Text mit mindestens 4,5:1 Kontrast zum Hintergrund dargestellt werden, großer Text mit mindestens 3:1.

Nicht jeder Betrieb braucht ein dickes Handbuch. Für kleine Betriebe reichen oft wenige Seiten, die ehrlich zeigen, was gilt. Ein Styleguide, der nicht gepflegt wird, schadet mehr, als er nützt: Ändern sich Logo oder Farbe, muss das Dokument mitziehen. Vom Styleguide zu unterscheiden ist das Designsystem, die technische Fassung für Websites und Apps mit fertigen Bausteinen.