TU Dortmund - Living Styleguide

Was ist ein Living Styleguide?

Der Styleguide dient als Dokumentation aller im User Interface verwendeten UI-Elemente für den Relaunch der TU Dortmund Webseite. Er bietet Designer_Innen und Entwickler_Innen ein Werkzeug, um auch in Zukunft konsistente Web-Applikationen und Designs zu entwickeln.

Was findet sich in dem Living Styleguide?

Der Living Styleguide gibt unter anderem die Verwendung von Farben, CSS-Klassen und Markup für Elemente und Komponenten vor. Diese Elemente werden auf den folgenden Seiten mit Quelltext dargestellt. Eingebundene Markup-Beispiele ermöglichen Entwickler_Innen somit, auf vorhandene Code-Snippets zurückzugreifen und Quelltexte per Copy & Paste zu übernehmen.

Da der Living Styleguide sich aus den konkreten Projektdateien speist, handelt es sich nicht um die Darstellung eines von der Frontend-Entwicklung unabhängig erstelltem statischen Guides, sondern um die im Code erstellten Elemente in den Ausformungen, wie sie auch auf der Webseite vorzufinden sind.

Der Living Styleguide im Kontext des TU Dortmund Corporate-Designs

Die dargestellten Elemente und Komponenten sind in ihren Ausformungen mit den Mitarbeiter_Innen der TU Dortmund abgestimmt. Das Erscheindungsbild der neuen Webseite orientiert sich am Corporate Design der TU Dortmund und erweitert es dort, wo es notwendig ist. Hierzu gehört neben der Einführung einer spezifischen Form- und Elementsprache auch die Erweiterung der TU Dortmund Farbpalette um Grün- und Grautöne, die in den eingesetzten Kombination auch im Web unter Barrierearmuts-Gesichtspunkten funktionieren und dennoch das Corporate Design der TU Dortmund tragen.