03 · Fundament
Farbe.
Ein einziger Akzent (Gelb) leistet die Aufmerksamkeitsarbeit. Ein Lavendel-System trägt die ruhige Autorität. Neutrale Töne füllen 80 % jeder Fläche.
Neutrale
Grundlegende Grautöne. Für Flächen, Schrift, Linien. 80 %+ jedes Layouts.
Lavendel
Die primäre chromatische Familie der Marke. Für Tönungen, Hover-States, illustrative Hintergründe und die Datenvisualisierungs-Kontextfarbe.
Gelb — Signal-Akzent
Reserviert. Gelb erscheint auf der Marke, auf dem Klub-IQ-Siegel-Band und auf einer einzigen CTA pro Ansicht. Nie als Hintergrund für Fließtext.
Farbschemata
Drei benannte Schemata über die ganze Site. Jedes Schema definiert Hintergrund, Vordergrund, Border und Akzent.
Schema · Editorial#FFFFFF
VereinsgeschäftsstelleWas ist der IQ Ihres Vereins?Standard für Marketing-Seiten und Long-form-Inhalte.Demo buchen
Schema · Authority#0A090B
Trust CenterServer DE. DSGVO. Zero Training.Für Trust-Seiten, Footer und Feature-Banner, die Beweise verankern.Zum Trust Center
Schema · Calm#F1F1F6
Klub-KompassZweiwöchentlicher Newsletter für Vorstände.Für Section-Trenner, Blog-Header und das Newsletter-Master-Template.Abonnieren
Schema · Signal#E6F075
Klub-IQ-SiegelScore 600+. Verifizierbar per QR.Reserviert. Nur für das IQ-Siegel und Partner-Verbands-Event-Header.Zum Siegel
Barrierefreiheit
Alle Kombinationen unten erfüllen WCAG AA bei 16 px. Niemals Gelb auf Weiß für Fließtext — fällt durch den Kontrasttest.
| Vordergrund | Hintergrund | Verhältnis | 16 px | Verwendung |
|---|---|---|---|---|
| Neutral 950 | Weiß | 20.4 : 1 | AAA | Fließtext, Headlines |
| Neutral 950 | Lavender 100 | 18.6 : 1 | AAA | Calm-Schema-Bodies |
| Weiß | Neutral 950 | 20.4 : 1 | AAA | Authority-Schema |
| Neutral 950 | Yellow #E6F075 | 15.3 : 1 | AAA | CTA auf Gelb |
| Lavender 700 | Lavender 100 | 5.1 : 1 | AA | Eyebrows auf Lavendel |
| Yellow #E6F075 | Weiß | 1.4 : 1 | FAIL | Niemals |