Brand Style Guide Examples

Saijo George hat auf seiner Website eine umfangreiche Sammlung von Brand Style Guides, Pattern Libraries und Design Manuals zusammengestellt. Ein Paar davon, zum Beispiel Lonely Planet, hat man vielleicht schon mal gesehen, aber ich hätte nicht gedacht, dass zum Beispiel Atlassian einen sooo umfangreichen Style Guide besitzt.

Zur Übersicht

Unterschiedliche Arten von Style Guides vorgestellt

Style Guides sind für uns Webmenschen meist eine Sammlung von Farb-, Typographie-, Button- und Bilder-Richtlinien fürs Frontend. Sie sollen Designern und Entwicklern die Arbeit an einer Website erleichtern.

Aber auch außerhalb des Webdesign werden Style Guides verwendet und es lohnt sich einen Blick auf die unterschiedlichen Arten zu werfen. Brad Frost stellt sie in seinem Artikel vor.

Zum Artikel

X-rayHTML – Script vereinfacht die Erstellung von Style Guides

Derzeit und vor allen Dingen durch den A List Apart Artikel von Susan Robertson beschäftige ich mich wieder intensiver mit der Erstellung von Style Guides.

x-ray-html

Gerade wenn es darum geht, dass mehrere Personen an einem Projekt arbeiten oder das Projekt viele unterschiedliche Module und Layouts beinhaltet, ist es von Vorteil eine Übersichtsseite mit den verwendeten Styles anzulegen. Nun wären Style Guides nur etwa halb so hilfreich, wenn man zwar die Styles sieht, sich den Quellcode allerdings parallel im Web Inspector oder Firebug ansehen müsste. Dachten sich wohl die filament Group und hat ein kleines Script geschrieben, das für die Elemente auch gleich den passenden Quellcode nachliefert.

X-rayHTML bei GitHub