Ihr Warenkorb (0)

Ihr Warenkorb ist leer.

Zwischensumme 0,00 €

Die AWO-Farben

Die AWO-Farben

Primärfarbe Rot

Das AWO-Rot ist zentrales Erkennungsmerkmal der Marke und muss auf jedem Medium präsent sein. Für eine starke Signalwirkung wird es bevorzugt flächig eingesetzt.

Auf weißen Hintergründen sorgen rote Typografie, Illustrationen oder Headline-Hinterlegungen für Markenpräsenz. Bei vollflächigen Fotos schaffen rote Layoutelemente oder eine rote Rückseite den farblichen Ausgleich.

Sekundärfarben

Die fünf Sekundärfarben erweitern das visuelle System der AWO und bringen Flexibilität in die Gestaltung. Sie werden grundsätzlich unterstützend eingesetzt und dienen als Akzentuierung, zur optischen Sortierung, zur Kennzeichnung von Rubriksystemen sowie zur Differenzierung von Daten in Diagrammen.

Die rote AWO-Primärfarbe und die fünf Sekundärfarben.
Farbabstufungen der sechs AWO-Farben mit empfohlenen weißen und schwarzen Schriftfarben.

Abstufungen und Barrierefreiheit

Farbabstufungen der AWO-Farben ermöglichen eine flexible Gestaltung. Sie können zur Differenzierung von Grafiken, als Hinterlegungen für Texte und Tabellen sowie zur Seitenstrukturierung und für Illustrationen eingesetzt werden

Barrierefreiheit

Für eine barrierefreie Gestaltung müssen Texte und grafische Elemente ausreichend kontrastreich sein. So bleiben wichtige Informationen auch bei eingeschränkter Farbwahrnehmung erkennbar. Ein angemessener Kontrast wird durch einen Unterschied von mindestens 70 Prozentpunkten zwischen Farbabstufungen erreicht (z. B. 100 % Rot zu 30 % Rot).

Diagramme und Barrierefreiheit

Unterscheidung über Farbe

Für eine barrierefreie Unterscheidung angrenzender Farben gilt eine Farbabstufung von 70 % zum Vollton

Legende

Reichen Farbkontraste nicht aus, müssen Legende und Begleittexte alle wesentlichen Informationen vermitteln. Das Diagramm dient dann als visuelle Ergänzung.

Unterscheidung mit Mustern

Informationen sollten nicht ausschließlich über Farben vermittelt werden. Ergänzende Symbole, Muster oder Beschriftungen gewährleisten die Unterscheidbarkeit auch auf monochromen Displays.

Beispiel eines beschrifteten Kriesdiagramms.
Farbabstufungen: Farbabstufungen sollten in einem Kontrastverhältnis von 70% zum Vollton erscheinen. Einzelne Segmente eines Diagramms werden mit weißen Linien voneinander abgegrenzt.
Beispiel eines beschrifteten Kreisdiagramms mit diversen Farbabstufungen.
Legende: Bei komplexeren Diagrammen mit hoher Farbvielfalt kann das nötige Kontrastverhältnis nicht erfüllt werden. Alle Kerninformationen müssen dann über die Legende vollständig abgebildet werden.
Beispiel eines Balkendiagramms mit verschiedenen Mustern.
Muster: Der Einsatz von Mustern unterstützt die Unterscheidbarkeit der Informationen bei monochromen Displays oder bei starken Sehbeeinträchtigungen.

Download