Foundations
Unsere Foundations bilden die Basis des digitalen Designs. Es sind Kernelemente wie Color, Typografie, Spacing, Icons, Elevations und Borders.
Colors
Das Farbsystem von Baden-Württemberg lebt von starken Kontrasten. Es setzt sich aus reinen Farbwerten, einer Color Palette und den Semantic Tokens zusammen.
Color Palette
In der Palette werden alle vorhandenen Farben abgebildet und sie definiert die Abstufungen der einzelnen Farben.
Semantic Tokens
Semantische Tokens vereinfachen die Arbeit mit der Library und dienen zur touchpointübergreifenden Zuordnung von Bedeutungen und Funktionen.
Color Beispiele
Wir arbeiten mit viel Weißraum, um den Inhalten Raum zu geben. Wir setzen das Gelb gezielt ein, um Informationen zu highlighten. Wir achten auf ausreichende Kontraste.
Typografie
Unser Typografiesystem besteht aus Grundbausteinen, die zu Text Styles zusammengefügt werden.
BaWue Serif
Wir verwenden die Bawue Serif Bold für Headlines.
BaWue Sans
Wir verwenden die BaWue Sans Regular für Body Texte und die Sans Bold für Headlines.
Typografie-Beispiel
Spacing
Unser Spacing System dient dazu ein einheitliches Erscheinungsbild zu gewährleisten und hilft dabei Elemente schnell und einfach zueinander zu platzieren und Einheitlichkeit zu erzeugen.
Einsatz
Spacing wird verwendet, um einheitliche Abstände zwischen Elementen wie Texten, Buttons und Bildern festzulegen, wodurch eine harmonische und ausgewogene Benutzeroberfläche entsteht.
Border
Wir verleihen unseren Interfaces einen menschlichen Touch durch sanfte Abrundungen, um die visuelle Wahrnehmung zu verbessern und eine angenehme Benutzererfahrung zu schaffen.
Border Radius
Die Border Radien kommen in Buttons, Cards und anderen Elementen wie Bildern zum Einsatz.
Border Width
Die definierten Linienstärken bieten eine gute Grundlage, um Bereiche zu gliedern und Elemente hervorzuheben.
Border Beispiel
