Grundlagen

Ein Designsystem ist der gemeinsame Satz von Regeln und Elementen, aus denen eine Benutzeroberfläche aufgebaut ist: Farben, Abstände, Schriftarten, Schaltflächen, Formulare, Tabellen, die einmal definiert und überall verwendet werden, damit jede Seite gleich aussieht und sich gleich verhält.

Woraus alles andere besteht. Nichts auf diesen Seiten ist ein Element: Sie sind die Maßstäbe — Farbe, Abstände, Typografie und die Haut, die sie verbindet — die jede andere Sektion liest, ohne sie jemals zu zeigen.

Farben Die Flächen, aus denen eine Seite aufgebaut ist, die invertierten Ebenen, mit denen Ränder und gedämpfter Text gezeichnet werden, und die fünf semantischen Familien. Beide Seiten des Themas, nebeneinander. Abstände Die neun Abstandsintervalle, die Größen und das Dichte-Muster — wie sich ein Bereich kompakt erklärt und was das mit allem macht, was er enthält. Typografie Die Schriftgröße und die Gewichtungen, dann die gleiche Skala in einem Prosa-Text. Skin Wie Dinge gezeichnet werden, bei gleicher Farbe und Dichte: die Radien, die Schatten, die Ränder und die Trennlinien. Die eine Achse des Themas, die Charakter hat.