Opacity
Opacity Tokens bestimmen die Transparenz von Elementen in unserem Design System und beeinflussen somit die visuelle Tiefe und Lesbarkeit. Durch sorgfältige Abstufungen der Opazität können wesentliche Informationen betont und sekundäre Inhalte zurückgenommen werden. Unsere Opacity-Werte unterstützen eine klare Hierarchie und sorgen für eine ausgewogene visuelle Darstellung.
Es gibt 11 verschiedene Stufen der Opacity, mit denen unterschiedlich Transparenzen gestaltet werden können.
Stufen
Ihr Design-System bietet vielfältige Transparenzstufen zur optimalen Darstellung von Inhalten. Es reicht von extrem transparent (3xs) bis nahezu opak (3xl), mit Optionen für gar keine Transparenz (none) und vollständige Opazität (full). Diese Opacity-Tokens bleiben über alle Dichte-Einstellungen hinweg konsistent.
Tokens
Unsere Opacity-Tokens sind benannte Variablen, die wir verwenden, um konsistente Transparenzen in unseren digitalen Produkten sicherzustellen. Jeder Opacity-Token repräsentiert einen bestimmten Transparenzgrad, den wir in unserem Design-System definieren. Diese benannten Opacity-Tokens erleichtern die Arbeit in der Entwicklung, da sie einfach zu referenzieren und zu ändern sind. Für mehr Informationen, lese alles über unsere Tokens.
Du hast Fragen oder Input?
Wir haben alles dafür gegeben, dass unser Design System mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein, Fragen oder einfach nur eine gute Verbesserungsidee haben, so sind wir gerne für dich da!
E-Mail schreiben Feedback in Github
Weiter