Skip to main contentCranach Design System

Farben

Die Aufrechterhaltung der Konsistenz ist ein relevanter Aspekt eines Design Systems. Dazu gehören ebenfalls auch die Berücksichtigung von einheitlichen Farben.

Einführung

Die Anwendung der Farbpalette verleiht den zahlreichen digitalen Produkten und Tools des Cranach Digital Archives eine einheitliche und erkennbare Konsistenz. Diese basiert dabei auf einer Reihe klar definierter Regeln.

Farben

Die Farbpalette des Cranach Digital Archivs zeigt verschiedene Farben, die zur unterstützung der Konsistenz beitragen soll.

Farbe implementieren

Cranach Design nutzt tokens um Farben zu verwalten. Dabei werden den verschiedenen Werten Farben zugeordnet, auf die zugegirffen werden soll. Anstatt Farben über Hex-werte zu nutzten werden Farben mit tokens versehen um den Hex-Werten namen zu geben und dabei eine Namenskultur aufzubauen um diese auch einfacher identifzieren zu können.


Colors
TokenHex value
$white#fff
#fff
$lighterGrey#F2F2F2
#F2F2F2
$lightGrey#B4B4B4
#B4B4B4
$mediumGrey#666
#666
$darkerGrey#222
#222
$black#000
#000
$accent#FFCC00
#FFCC00
$error#cc0000
#cc0000