Unsere Farbpalette ist sorgfältig ausgewählt, um Emotionen zu wecken und eine konsistente Markenerfahrung zu schaffen.
Die Primärfarben bilden das Herzstück unserer Markenidentität und werden für alle Hauptelemente der visuellen Kommunikation eingesetzt.
Hauptaktionen, Primärfarbe
Akzente, Highlights
Informationen, Links
Sekundäre Aktionen
Neutrale Farben sorgen für Balance, Struktur und Lesbarkeit in allen Kommunikationsmitteln der Marke.
Überschriften, Fließtext
Sekundärer Text
Platzhaltertext
Trennlinien, Rahmen
Hintergrundflächen
Seitenhintergrund
Unsere Farbverläufe kombinieren die Primärfarben für dynamische, visuell ansprechende Effekte. Klicken Sie auf einen Verlauf, um den CSS-Code zu kopieren.
Für Print-Anwendungen:
Hero-Bereiche, Header
Für Print-Anwendungen:
Call-to-Action, Feature-Boxen
Für Print-Anwendungen:
Highlights, Akzente
Für Print-Anwendungen:
Sekundäre Bereiche
Nicht druckbar
Hintergrund-Effekte
Setzen Sie Primärfarben gezielt für CTAs, Links und Hauptelemente ein.
Nutzen Sie die Grau-Abstufungen für Fließtext, Rahmen und Hintergrundflächen.
Mindest-Kontrast 4,5:1 für Normaltexte, 3:1 für große Texte.
Erfolg immer grün, Fehler immer rot – keine eigenmächtigen Umdeutungen.
Mehr als zwei Primärfarben nebeneinander verwässern die Markenwirkung.
Verwenden Sie ausschließlich die definierten CSS-Variablen des Farbsystems.
Farbe darf nicht das einzige Mittel zur Informationsübertragung sein.
Rot ist für Fehler und Warnungen reserviert – nicht für Erfolgs-Zustände.