Die Linke ist rot, aber da geht noch mehr
Rot ist die Farbe linker Organisationen weltweit und Kern des Designsystems für Die Linke. Lissi ergänzt das Marken-Rot um ein Set an Farbpaaren, dessen Einsatz verschiedene Stimmungen und inhaltliche Akzente ermöglicht.
Mit vollem Farbeinsatz
Farben unterstützen Stimmungen. Sie können einen sachlichen oder kämpferischen, ernsten oder dramatischen visuellen Ton setzen. Das erweiterte Farbsystem soll dabei helfen, die Stimmung von Text und Bild aufzunehmen oder thematische Bezüge herzustellen.
Großformat, bunt & laut.
Plakat mit Bildmotiv und Akzentfarbe.
Plakat mit starkem Farbpaar.
Thematischer Farbeinsatz.
tl;dnr: Das Wichtigste zur Farbwelt
-
Die Kombination aus Marken-Rot und Weiß ist in allen Medien präsent.
-
Die Sekundärfarben sind in Farbpaaren organisiert, die jeweils aus einer Akzentfarbe und einem Farbfond bestehen.
-
Die Farbpaare sollen inhaltlich und ästhetisch sinnvoll eingesetzt werden – beispielsweise mit thematischem Bezug oder abgestimmt auf Stimmung von Bild und Text.
Die Farbpalette
Primärfarben
Rot und Weiß sind die wichtigsten Farben im Desingsystem für Die Linke. Sie sind in Form des Logos immer präsent und werden auch bevorzugt für Headlines eingesetzt. Schwarz wird vorwiegend für Mengensatz verwendet und spielt eine untergeordnete Rolle.
Farbpaare
Die Farben des Designsystems ergänzen sich zu Paaren, jeweils mit einem hellen und einem dunklen Ton. Die Primärfarben Rot und Weiß können mit allen Sekundärfarben kombiniert werden, um Akzente im Layout zu setzen, beispielsweise für Hervorhebungen oder farbige Hintergründe. Das Marken-Rot sollte immer vorhanden sein, minimal in Form des Logos.
Die Linke Rot und Dunkelrot
Dunkelgrün und Türkis
Violett und Rosa
Blau und Hellblau
Sinnvolle Farbkombinationen und barrierefreier Einsatz
Die Kombination von Text und Farbe ist ein wichtiges Element im Designsystem. Damit Texte lesbar bleiben, sollten manche Farbkombinationen vermieden werden (🔴). Andere sind nur für Überschriften oder andere große Elemente geeignet (🟡) – bitte überprüft hier die Anwendung im Einzelfall entlang der „Web Content Accessibility Guidelines“ (WCAG). Einige Kombinationen können bedenkenlos für alle Anwendungen verwendet werden (🟢).
Rot & Dunkelrot
Ausreichender Kontrast für große Schrift zwischen Weiß und Rot
Guter Konrast zwischen Schwarz und Rot
Ausreichender Kontrast für große Schrift zwischen Dunkelrot und Rot
Guter Konrast zwischen Weiß und Dunkelrot
Zu wenig Kontrast zwischen Schwarz und Dunkelrot
Ausreichender Kontrast für große Schrift zwischen Rot und Dunkelrot
Türkis & Dunkelgrün
Zu wenig Kontrast zwischen Weiß und Türkis
Guter Konrast zwischen Schwarz und Türkis
Ausreichender Kontrast für große Schrift zwischen Dunkelgrün und Türkis
Guter Konrast zwischen Weiß und Dunkelgrün
Zu wenig Kontrast zwischen Schwarz und Dunkelgrün
Ausreichender Kontrast für große Schrift zwischen Türkis und Dunkelgrün
Rosa & Violett
Ausreichender Kontrast für große Schrift zwischen Weiß und Rosa
Guter Konrast zwischen Schwarz und Rosa
Ausreichender Kontrast für große Schrift zwischen Violett und Rosa
Guter Konrast zwischen Weiß und Violett
Zu wenig Kontrast zwischen Schwarz und Violett
Ausreichender Kontrast für große Schrift zwischen Rosa und Violett
Hellblau & Blau
Zu wenig Kontrast zwischen Weiß und Hellblau
Guter Konrast zwischen Schwarz und Hellblau
Guter Konrast zwischen Blau und Hellblau
Guter Konrast zwischen Weiß und Blau
Ausreichender Kontrast für große Schrift zwischen Schwarz und Blau
Guter Konrast zwischen Hellblau und Blau