Markenfarben
Die sechs definierten Markenfarben, verfügbar als Tailwind-Tokens (z. B. bg-lochmara, text-astronaut).
Lochmara
#007CBA
Bahama Blue
#006293
Astronaut
#003D5C
Daintree
#00293D
Limeade
#7CBA00
Fire
#BA3E00
Graustufen
Schwarz, Weiss, die Standard-Textfarbe #222222 sowie die im Projekt tatsächlich verwendeten Tailwind-Grautöne.
Schwarz
#000000
Weiss
#FFFFFF
Ink (Fliesstext)
#222222
Gray 50
#F9FAFB
Gray 100
#F3F4F6
Gray 200
#E5E7EB
Gray 300
#D1D5DB
Gray 400
#9CA3AF
Gray 500
#6B7280
Gray 600
#4B5563
Gray 700
#374151
Gray 800
#1F2937
Sinnvolle Kombinationen
Getestete Paarungen von Hintergrund- und Schriftfarbe mit ausreichendem Kontrast, plus ein Negativbeispiel.
Aa
Standardtext
Aa
Dunkle Fläche, aktive Navigation
Aa
Primary-Button
Aa
Footer, dunkelster Punkt
Aa
Secondary-Button, gedämpfte Fläche
Aa
Callout, Hinweis
Aa
Sekundärer Text (Minimum)
Aa
Vermeiden: zu geringer Kontrast für Fliesstext (nur für deaktivierte Elemente)