Corporate Design on Corporate Identity

Logo

Mon, 01 Jan 0001 00:00:00 +0000

Logo#

umwelt.info verfügt über das zentrale Logo umwelt.info, die Logos Nationales Zentrum für Umwelt- und Naturschutzinformationen in deutsch und englisch, als alleinstehende Version und mit der Auszeichnung am Umweltbundesamt sowie die Doppellogos UBA/umwelt.info des UBA.

umwelt.info Logo#

Zentrale Wort-Bild-Marke mit Fokus auf die URL umwelt.info

PNG Print SVG

Farben

Mon, 01 Jan 0001 00:00:00 +0000

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:

JSON-Farbpalette Office-XML-Palette

Typographie

Mon, 01 Jan 0001 00:00:00 +0000

Typographie#

Schriftart#

Für umwelt.info verwenden wir die Schriftart Inter von Rasmus Andersson. Inter ist speziell für digitale Oberflächen entwickelt und bietet eine gute Lesbarkeit bei allen Größen. Wir verwenden außerdem den InterDisplay-Schriftsatz für Überschriften, der ein paar Verbesserungen für den Einsatz in größeren Schriftgrößen mit sich bringt.

Inter

Primäre Schriftart

Designer: Rasmus Andersson | Neo-Groteske | Open Font License

Zeichensatz

Großbuchstaben

ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÜ

Kleinbuchstaben

abcdefghijklmnopqrstuvwxyzäöü

Zahlen

0123456789

Satzzeichen

!@#$%^&*()_+-=[]{}|;:'",./<>?„"

Schriftgrößen#

Die folgenden Größen haben wir als Variablen definiert, sie sollten also möglichst einheitlich in dieser Form verwendet werden. Schriftgrößen unter 14px sollten, wenn möglich, vermieden werden. Für Überschriften sollte die XL, 2XL oder 3XL verwendet werden.

Bildsprache

Mon, 01 Jan 0001 00:00:00 +0000

Bildsprache#

Für umwelt.info verwenden wir hochwertige Naturfotografie mit freien Lizenzen. Für konkrete Umwelt- und Naturschutzthemen sollte sich dabei die Auswahl am Inhalt ausrichten, z.B. ein möglichst repräsentatives Bild von dem Schutzgut, das bebildert werden soll.

Metaphern-System#

Viele technische Themen und Begriffe, die wir bei umwelt.info behandeln, sind nicht einfach durch Naturfotografie oder überhaupt zu bebildern. Für diese Themen sollen daher technische oder abstrakte Konzepte metaphorisch in natürliche Phänomene übersetzt werden. Diese Zuordnungen schaffen Wiedererkennbarkeit und erleichtern das Verständnis.