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.

primary-400

Waldgrün 400

primary-500

Waldgrün 500

primary-600

Waldgrün 600

Die Palette enthält hellere Töne, z.B. für Hintergründe:

primary-100

Waldgrün 100

primary-200

Waldgrün 200

primary-300

Waldgrün 300

sowie dunklere Töne für Navigationselemente und auch Text. Als Textfarbe sollte in der Regel 900 verwendet werden:

primary-700

Waldgrün 700

primary-800

Waldgrün 800

primary-900

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.

secondary-100

Marineblau 100

secondary-200

Marineblau 200

secondary-300

Marineblau 300

secondary-400

Marineblau 400

secondary-500

Marineblau 500

secondary-600

Marineblau 600

secondary-700

Marineblau 700

secondary-800

Marineblau 800

secondary-900

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.

accent-100

Warmer Sand 100

accent-200

Warmer Sand 200

accent-300

Warmer Sand 300

accent-400

Warmer Sand 400

accent-500

Warmer Sand 500

accent-600

Warmer Sand 600

accent-700

Warmer Sand 700

accent-800

Warmer Sand 800

accent-900

Warmer Sand 900

Neutrale Farben#

white

Weiß

black

Schwarz

neutral-100

Neutral 100

neutral-200

Neutral 200

neutral-300

Neutral 300

neutral-400

Neutral 400

neutral-600

Neutral 600

neutral-700

Neutral 700

neutral-800

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:

Plum#

plum-300

Plum 300

plum-500

Plum 500

plum-900

Plum 900

Coral#

coral-300

Coral 300

coral-500

Coral 500

coral-900

Coral 900