Unsere Farbpalette ist sorgfältig ausgewählt, um Emotionen zu wecken und eine konsistente Markenerfahrung zu schaffen.
Die vier Markenfarben bilden die visuelle Basis für alle Kommunikationsmittel – von digital bis Print.
Hauptaktionen, Primärfarbe
Akzente, Highlights
Sekundäre Aktionen
Informationen, Links
Abstufungen der Markenfarben in 10%-Schritten.
Neutrale Farben sorgen für Balance, Struktur und Lesbarkeit in allen Kommunikationsmitteln der Marke.
Wortmarke, Logoschrift
Überschriften, Fließtext
Helle Hintergründe, invertierte Elemente
Kombinationen der Markenfarben als Verläufe. Klick auf den CSS-Code zum Kopieren.
Für Print-Anwendungen:
Hero-Bereiche, Header
Für Print-Anwendungen:
Akzente, Feature-Bereiche
Setze die Primärfarbe gezielt für CTAs, Links und Hauptelemente ein.
Nutze Sekundärfarben zur Unterstützung und Differenzierung von Inhaltsbereichen.
Setze Verläufe gezielt für große Flächen wie Hero-Bereiche und Section-Hintergründe ein.
Helle Tints (10%–30%) eignen sich für Hintergründe, Container und Hover-Zustände.
Mindest-Kontrast 4,5:1 für Normaltexte, 3:1 für große Texte.
Mehr als zwei Farben nebeneinander verwässern die Markenwirkung.
Verwende ausschließlich die definierten CSS-Variablen des Farbsystems.
Verläufe nicht für Buttons, Icons oder Inline-Texte verwenden – nur für großflächige Hintergründe.
Farbe darf nicht das einzige Mittel zur Informationsübertragung sein.