Farben#
Unsere Farbpalette und die Verwendung in der Markenidentität. Die Farben wurden ausgewählt, um die Kernbegriffe Umwelt, Naturschutz, Daten und Informationen optimal zu repräsentieren. Die Abstufungen der Farben sind von Tailwind-Paletten inspiriert, wobei in jeder Farbfamilie 100 der hellste und 900 der dunkelste Farbton ist. Damit ist 500 als jeweils mittlere Abstufung die Hauptfarbe.
Für die Verwendung in Skripten oder das Einbinden in Office-Anwendungen gibt es Farbpaletten zum Download:
Primärfarben - Waldgrün#
Waldgrün bildet das Herzstück unserer Farbidentität. Es repräsentiert Umwelt und Naturschutz durch direkte Assoziationen mit Vegetation und Nachhaltigkeit. Als etablierte Farbe in Umweltbehörden und -ministerien signalisiert es Glaubwürdigkeit und Kompetenz gegenüber allen Stakeholdern. Die beruhigende Wirkung unterstützt die Vertrauenswürdigkeit, während die natürliche Verbindung die Mission von umwelt.info als zentrale Anlaufstelle für Umweltinformationen verstärkt.
Waldgrün 400
Waldgrün 500
Waldgrün 600
Die Palette enthält hellere Töne, z.B. für Hintergründe:
Waldgrün 100
Waldgrün 200
Waldgrün 300
sowie dunklere Töne für Navigationselemente und auch Text. Als Textfarbe sollte in der Regel 900 verwendet werden:
Waldgrün 700
Waldgrün 800
Waldgrün 900
Sekundärfarben - Marineblau#
Marineblau stärkt den Bezug zu Daten und Informationen und kann für Vertrauen, Zuverlässigkeit und Objektivität stehen. Umweltassoziationen zu Wasser, Meeren und sauberen Technologien unterstützen die thematische Ausrichtung. Für alle Stakeholder - besonders Wissenschaftler*innen und Verwaltung - wirkt Blau professionell und etabliert, ohne negative Assoziationen zu erzeugen. Dies macht es ideal für strukturelle UI-Elemente und sekundäre Navigation.
Marineblau 100
Marineblau 200
Marineblau 300
Marineblau 400
Marineblau 500
Marineblau 600
Marineblau 700
Marineblau 800
Marineblau 900
Akzentfarben - Warmer Sand#
Die warmen Sandtöne bringen Zugänglichkeit in das Design, was besonders für eine breitere Öffentlichkeit wichtig ist. Orange/Sandfarben vermittelt Wärme und senkt Hemmschwellen, wodurch umwelt.info als erste Anlaufstelle attraktiver wird. Die Akzentfarbe sollte sparsam für Highlights und wichtige Call-to-Actions verwendet werden.
Warmer Sand 100
Warmer Sand 200
Warmer Sand 300
Warmer Sand 400
Warmer Sand 500
Warmer Sand 600
Warmer Sand 700
Warmer Sand 800
Warmer Sand 900
Neutrale Farben#
Weiß
Schwarz
Neutral 100
Neutral 200
Neutral 300
Neutral 400
Neutral 600
Neutral 700
Neutral 800
Zusätzliche Farben#
Diese speziellen Farbtöne erweitern die Palette für besondere Anwendungsfälle, insbesondere im Infografik-Bereich, für den wir eine breitere Palette benötigen: