Grafiken + Visuelle Elemente

Stil-Leitfaden, Logos + Ressourcen

Version 3

Ziele

  1. Leute gewinnen und zum Mitmachen bewegen
  2. Unsere Botschaften deutlicher und stärker rüberbringen
  3. Für Nicht-Designer*innen leicht anwendbar machen
  4. Die Werte und den Charakter von 350 zum Ausdruck bringen

Grundlagen

350 ist: Unser Stil zeigt dies durch:
Optimistisch, Mutig, Voller Energie
  • Leuchtende Farben
  • Fettdruck
  • Dynamische Fotos
Scharfsichtig, Praktisch, Direkt
  • Klares, einfaches Schriftbild
  • Unkomplizierte Layouts
  • Gleichmäßige Farben — keine kunstvollen Verläufe, Texturen oder Effekte
International, Vielfältig, Basisorientiert
  • Bunte Vielfalt auf Fotos
  • Unterschiedliche Farben
  • Open-Source-Tools

Farben

Die Größe der Farben ist proportional angepasst — je nachdem, wie häufig sie im Stil von 350 verwendet werden.

 Blau ist die wichtigste Farbe von 350 — was auch immer du entwirfst, es sollte auf jeden Fall etwas Blau dabei sein.

   Weiß, Hellgrau und Dunkelgrau sind sekundäre, neutrale Farben. Gut geeignet für Hintergründe und um die leuchtenderen, intensiveren Farben auszugleichen.

 Orange ist die wichtigste Akzentfarbe. Verwende sie für Schaltflächen, Highlights und um die Aufmerksamkeit auf die wesentlichsten Teile deines Designs zu ziehen.

  Türkis und Rot sind sekundäre Akzentfarben. Wenn du bereits alle anderen Farben eingesetzt hast, bieten dir Türkis und Rot Abwechslung und weitere Gestaltungsmöglichkeiten.

Farbcodes

Blau
Hex: #0F81E8
RGB: 15,130,232
CMYK: 78,47,0,0

Weiß
Hex: #FFFFFF
RGB: 255,255,255
CMYK: 0,0,0,0

Hellgrau
Hex: #E6F0FA
RGB: 230,240,250
CMYK: 84,65,60,65

Dunkelgrau
Hex: #17292E
RGB: 23,41,46
CMYK: 84,65,60,65

Orange
Hex: #FFA902
RGB: 255,170,2
CMYK: 0,40,100,0

Türkis
Hex: #40D7D4
RGB: 64,215,212
CMYK: 60,0,25,0

Rot
Hex: #FF6112
RGB: 255,97,18
CMYK: 0,76,100,0

Text

Groß, fett gedruckt und einfach — das sind die Schlüsselelemente des Schriftbilds von 350.

  • Titel und Überschriften sollten groß und fett gedruckt sein.
  • Absätze sollten in linksbündigem Flattersatz geschrieben sein (der Standardeinstellung für die meisten von links nach rechts geschriebenen Sprachen).

Die Schriftsprache von 350 ist klar und leicht verständlich, und unser Schriftbild unterstreicht dies. Wenn du einen Text entwirfst, sollte er einfach und direkt sein — denk nicht zu viel darüber nach!

Generell nutzt 350 die 'umgedrehte Pyramide' um Texte zu strukturieren: Bestimme die wichtigste Information und stelle sie in großer Schrift an den Anfang deines Texts.

Alle von 350 verwendeten Schriftarten sind für die nicht-kommerzielle Nutzung frei verfügbar.

Sprachen mit lateinischem Alphabet

Titel und Überschriften

Klima Heavy

Herunterladen

Zwischenüberschriften, Schaltflächen und Hervorhebungen

Graph Condensed

Herunterladen

Textkörper

Zum Drucken/für Bilder: Klima
Für Internet/HTML: Arial/San Francisco (Default web-safe sans-serifs)

Herunterladen

Hervorgehobene Texte/Metatext

Overpass Mono / Menlo

Herunterladen

Arabisch

Titles/Headlines

Noto Kufi Arabic

Herunterladen

Text

Noto Kufi Naskh

Herunterladen

Fotos

Menschen

Menschen sind das Herzstück der Klimabewegung — Fotos sollten sich deshalb auf die vom Klimawandel betroffenen Menschen konzentrieren sowie auf jene, die an der Gestaltung einer besseren Zukunft mitwirken. Stell bitte keine Fotos von Eisbären, Eisbergen oder andere Bilder ein, die die echten Menschen hinter der Klimakrise verschleiern.

Vielfalt

Die Klimabewegung überschreitet kulturelle, geografische, ethnische, alters- und geschlechtsspezifische, religiöse und politische Grenzen. Fotos sollten daher widerspiegeln, wie massiv und vielseitig diese Bewegung wirklich ist.

Energie + Dynamik

Menschen in Bewegung, schreiend, singend, lachend — die Fotos von 350 sollen dazu beitragen, dass sich die Menschen als Teil einer großen, kraftvollen und ambitionierten Bewegung fühlen. Gut geeignet: Aufnahmen von Menschenmassen, die das ganze Bild füllen sowie Fotos von Personen, die gerade aktiv an einer Aktion mitwirken.

350-Fotos auf Flickr

Verweis auf Fotograf*innen: Passende Fotos stellen wichtige visuelle Elemente für 350 dar und ohne gute Fotograf*innen kommt man nur schwer an solche Bilder. Denk also daran, den Namen des Fotografen/der Fotografin zu erwähnen und verwende niemals Fotos ohne Erlaubnis.

Fotos, von links oben nach rechts unten: New York City, USA (Christine Irvine). Cliffs of Moher, Irland (Eamon Ryan). Ende Gelände, Deutschland (Moritz Richter). Dumaguete, Philippinen (Therese Quijano). Oloibiri, Nigeria (Babawale Obayanju). Anacortes, Washington, USA (unbekannt).

Symbole

Nutz die Symbole aus dem 350-Icon-Set, um wichtige Elemente zu betonen, auf die du aufmerksam machen möchtest und um den sprach- und kulturübergreifenden Charakter von 350 zu verstärken.

350-Icon-Set herunterladen


Anmerkung zur Verwendung von Landkarten:

Wenn du Landkarten einsetzt, achte bitte darauf, dass diese die Länder angemessen darstellen. Die gängige Mercator-Projektion lässt zum Beispiel Grönland genauso groß aussehen wie Afrika, doch in Wirklichkeit ist Afrika vierzehnmal größer als Grönland (die im 350-Icon-Set enthaltene Landkarte verwendet die Robinson-Projektion).

Samples from 350's climate icon set