Ein Styleguide ist ein Regelwerk, das festlegt, wie Logo, Farben, Schriften und Gestaltungselemente einer Marke oder Oberfläche eingesetzt werden. Laut Nielsen Norman Group enthält er konkrete Umsetzungsregeln, Beispiele und Gestaltungsprinzipien. Der Duden fasst es knapp: ein Leitfaden für Fragen des Stils.
- Styleguide
Ein Regelwerk, das festlegt, wie Logo, Farben, Schriften und Gestaltungselemente einer Marke oder Oberfläche eingesetzt werden.
Beispiel: „Laut Styleguide steht das Logo immer oben links und nie auf einem unruhigen Foto.“Auch: Gestaltungsrichtlinien, Design Guidelines, Corporate-Design-Handbuch.
Abgrenzung zum Design System: Es umfasst auch Komponenten und Code, der Styleguide ist ein Teil davon.
Arten von Styleguides
Die Nielsen Norman Group unterscheidet drei Arten: Content-Styleguides für Sprache und Tonalität, Brand-Styleguides für Logo, Farben und Bildsprache sowie Front-End- oder visuelle Styleguides für Bedienelemente. Im Corporate Design heißen solche Regelwerke laut Gabler auch Gestaltungsrichtlinien oder Design-Bibeln.
Ein berühmter Styleguide
Ein oft zitiertes Beispiel ist das Graphics Standards Manual der NASA vom Januar 1976, entworfen von Danne und Blackburn für das 1975 eingeführte Logo, den sogenannten Worm. Es legte fest, wie das Logo eingesetzt wird. 2025 nahm das Museum of Modern Art Logo und Handbuch in seine Sammlung auf.
Vom Styleguide zum Living Styleguide
Ein Styleguide als PDF veraltet, sobald sich die Website ändert. Front-End-Styleguides sind laut Nielsen Norman Group deshalb selten statisch, sondern wachsende Sammlungen von Bausteinen samt Code. Wird diese Sammlung direkt aus dem Produktivcode erzeugt, heißt sie Living Styleguide; wächst sie um Regeln und Prozesse, wird sie zum Design System.