Der Aufbau
Design System Struktur
Ein Design System baut auf folgenden Komponenten auf.
Building Blocks (Atome)
Die Einzelnen Bestandteile aus Design und Technik werden definiert. Typografie, Farbpalette, Icons, Bilder, Buttons, etc.
Pattern Library (Module, Moleküle, Komponenten)
Aus den Atomen werden Module, Komponenten oder Templates erstellt. Daraus können ganze Webseiten zusammengebaut oder Ableitungen für Neuentwicklungen gefunden werden.
Rules (Principles)
Die Regeln aus Design, Animation, der technischen Implementation wie auch Regeln für die Editoren (Autoren) werden definiert.
Style Guide
Der Style Guide ist die Beschreibung, wie das Design System gebraucht und weitergebaut werden soll. Es fokussiert auf den Workflow für den Unterhalt und nicht das finale Produkt. Für einmal ist der Inhalt die Gestaltung selbst.
