Adventure awaits
Bikie-Mini-Icon.png

Klimaschutz-Kampagne

Manual —

Screenshot 2019-01-18 at 18.00.54.png

01 Designkonzept

1 — Grundidee

Wir wollen informieren, aktivieren und weiterbilden. Dafür müssen wir Informationen in kleine, verständlich formulierte Portionen verpacken, und visuell aufbereiten.

Dabei wollen wir keine negativen Gefühle verbreiten oder mit erhobenem Zeigefinger erziehen, sondern mit gesundem Menschenverstand und Humor Aufmerksamkeit erregen, Wissen vermitteln und fast unbemerkt Routinen ändern.

2 — Kampagnenziele

Wir wollen zeigen, dass es ganz einfach geht, kleine Gewohnheiten zu ändern und der Umwelt etwas Gutes zu tun. Und wer Bescheid über die unmittelbaren Zusammenhänge weiß, kann auch viel besser für sich und seine Familie entscheiden.

Ziel der Kampagne ist es zudem, das Gemeinschaftsgefühl innerhalb der Gemeinde zu stärken: Ob im Nachbarschaftsverbund, im Industrie- oder Neubaugebiet, ein positiver Aktionismus hilft dabei, andere zu motivieren und Perspektiven aufzuzeigen, die andere vielleicht noch nicht kennen.

02 Designidee

1 — Sprichwörtlicher Humor

Für eine sprachliche Leichtigkeit und das sprichwörtliche 'Augenzwinkern' nehmen wir bekannte Redewendungen auf und wandeln einzelne Worte und damit den Sinn ab oder stellen sie in einen ungewohnten Kontext. So stellen wir einen einfachen Bezug zur Thematik her, der im Kopf bleibt.

2 — In den Schatten gestellt

Um den Icons, Logos und Illustrationen mehr Tiefe zu geben und sie lebendiger und natürlicher wirken zu lassen, arbeiten wir mit Lichteinfall und Schatten. So können wir unseren illustrativen Stil zusätzlich festigen und einen für uns wichtigen Wiedererkennungswert schaffen.

3 — Die Perspektive wechseln

Ein Perspektivenwechsel verschafft eine gute Übersicht über die Dinge. Unsere Illustrationen repräsentieren unterschiedliche Perspektiven in einer Darstellung. Das erzeugt noch einmal Dynamik und lässt uns verschiedene Abläufe gleichzeitig zeigen. Zusätzlich verbildlicht es den gewünschten tatsächlichen Perspektivenwechsel, der mit der Kampagne angeschoben werden soll.

03 Kundengruppen

Klimaschutz geht alle etwas an, denn viele Themen, die unseren Alltag bestimmen, haben auch mit dem Schutz unserer Umwelt zu tun und eine große Auswirkung auf unser Klima.

Wir alle bauen Häuser, renovieren, fahren zur Arbeit und zum Einkaufen, schalten das Licht an, laden unser Mobiltelefon und drehen die Heizung auf. Und jede*r kann im kleinen oder größeren Rahmen etwas für unsere Umwelt und gegen den Klimawandel tun.

Diese vielfältigen Kundengruppen verlangen nach einer freundlichen, offenen Kommunikation, konkreten Informationen und hilfreichen Aktionsmöglichkeiten.

Keywords

modern — informativ — illustrativ — freundlich — aktiv

Screenshot 2019-01-19 at 12.43.52.png
 

04 Illustrativer Stil

Innerhalb unseres Designkonzepts haben wir abwechslungsreiche und ansprechende Illustrationen und Icons geschaffen, die vor allem Lebensfreude und Kraft ausstrahlen.

Wir mischen zwischen Line-Icons und ausgefüllten Flächen, die etwas verschoben werden, um Licht und Schatten zu zeichnen, die für die oben beschriebene Dynamik und Tiefe sorgen. Dabei spielen wir auch mit der Durchlässigkeit der unterschiedlichen Ebenen und Elemente.

 
 
BG@2x.png

05 Farbpalette

 

Hauptfarben

Farblich halten wir uns im klimafreundlichen Bereich auf: Sonnengelb, Gras- und Tannengrün, Himmel- und Marineblau und freundliches Wolkenweiß. Für manche Konturen verwenden wir auch normales Schwarz.

Sonnengelb
Hex-Code: #ffe400
RGB: 255, 228, 0
CMYK: 3, 5, 92, 0

Grasgrün
Hex-Code: #23aa5d
RGB: 35, 170, 93
CMYK: 77, 0, 80, 0

Tannengrün
Hex-Code: #2b5949
RGB: 43, 89, 73
CMYK: 81, 40, 67, 39

Himmelblau
Hex-Code: #21b0e6
RGB: 33, 176, 230
CMYK: 71, 10, 0, 0

Marineblau
Hex-Code: #287bc0
RGB: 40, 123, 192
CMYK: 81, 44, 0, 0

Wolkenweiß
Hex-Code: #fffff0
RGB: 255, 255, 240
CMYK: 1, 0, 8, 0

Schattierungen

Zusätzlich zu den oben genannten Hauptfarben gibt es zahlreiche Schattierungen und Abtönungen eben dieser Farben, um lebendige und abwechslungsreiche Illustrationen zu erreichen. Auf Anfrage stellen wir diese zusätzlichen Farbcodes natürlich gerne zur Verfügung.

Wie werden die Farbcodes verwendet?

Die Hex-Codes (erkennt man immer am #) sind für die digitale Verwendung, also auf Websites, für Social Media oder zur Verwendung in einer Power Point Präsentation. Sie sind einfach in der Handhabung und geben immer verlässliche Resultate. Auch Apps funktionieren meist mit Hex-Codes.

Das RGB-Farbprofil wird eigentlich nur für professionelle Grafiker wichtig sein.

Für Druckprodukte verwendet man das Farbprofil CMYK. Unsere Druckdateien sind schon in diesem Farbmodus angelegt. Für eigene Druckaufträge am besten immer das PDF-Logo nehmen, denn das ist schon im CMYK-Farbprofil angelegt.

Bitte beachten Sie, dass die Farben auf verschiedenen Bildschirmen unterschiedlich ausfallen und dass die Darstellung auf Druckprodukten leicht abweichen können.

Screenshot 2019-01-18 at 18.01.57.png

06 Schriften

 

FF Meta

Für die Logos und Claims verwenden wir die schnörkellose, moderne FF Meta. Für unsere wichtigen Statements ist es essentiell auch eine wahrhaftige Schrift zu verwenden, die die Botschaften klar und selbstbewusst vermittelt.

Wir verwenden vorwiegend die Großbuchstaben und Kapitälchen, weil sie in Kombination miteinander schlichtweg unverwechselbar und eindeutig sind.

FF Meta ist eine lizenzpflichtige Font und kann unter dem folgenden Link gekauft werden. Wir verwenden hier nur die FF Meta Std Black.

Karla

Karla ist eine moderne, lebendige Schriftart, die wir für kleine und große Überschriften nehmen, weil sie klar und geradeheraus ist.

Karla komplettiert die FF Meta als sehr gut lesbares Schriftenduo, sowohl digital als auch auf Druckprodukten.

Karla ist eine kostenlose Google-Font.

Wie werden die Schriftarten verwendet?

FF Meta wird für Statements und die Logos verwendet.

Karla ist hauptsächlich für große Überschriften, die Fließtextschrift online und im Print gedacht. Sie wird aber auch für kleine Überschriften oder Zitate hergenommen.

Screenshot 2019-01-18 at 12.27.34.png

07 Stadt-Kit

 

Das Stadtlogo besteht aus einem Stadtumriss und dem stadtspezifischen Bauwerk mit Stadtnamen und individuellem Motto.

Die vielen Variationen entstehen durch die Farbgebung, die Anordnung, die Gewichtung und die Durchlässigkeit der einzelnen Elemente.

Es gibt vier verschiedene Logovarianten zur unterschiedlichen Nutzung:

Das Hauptlogo mit durchlässigen Farbflächen, eine deckende Variante mit zwei Farben, eine einfarbige Variante in der Hauptfarbe und in Weiß und eine einfarbige Wortmarke.

Alle Logovarianten sind bereits mit einen sogenannten Schutzraum angelegt, der den Abstand zu anderen grafischen Elementen definiert.

Wie wird das Stadt-Kit verwendet?

Das Hauptlogo ist mit unterschiedlichen, durchlässigen Farbflächen für helle Hintergründe und realtiv große Flächen geeignet, wie beispielsweise auf Flyern, Einkaufsbeuteln, Postkarten und der Aktionswebsite.

Wir liefern es als PNG in zwei Größen (1080 x 780 px und 2160 x 1560 px (highres)) mit transparentem Hintergrund und als druckfertige Vektor-Datei im CMYK-Farbprofil.

Eine abstraktere Logovariante mit einem Line-Icon und einer deckenden Farbfläche ist für relativ unruhige Hintergründe mit stärkeren Kontrasten gedacht, wie beispielsweise zur Verwendung auf einem Druckprodukt mit Fotohintergrund.

Wir liefern diese Variante als PNG in zwei Größen (1080 x 780 px und 2160 x 1560 px (highres)) mit transparentem Hintergrund und als druckfertige Vektor-Datei im CMYK-Farbprofil.

Eine einfarbige Logovariante ist für die Anwendung auf kleineren Flächen, wie zum Beispiel als Mini-Logos auf anderen Websites, bei Sponsorships etc. gedacht.

Wir liefern diese Variante einmal in der Hauptfarbe und einmal in Weiß als PNG in zwei Größen (540 x 370 px und 1080 x 740 px (highres)) mit transparentem Hintergrund und als druckfertige Vektor-Datei im CMYK-Farbprofil.

Die Wortmarke mit dem Schriftzug plus Motto kann verwendet werden, wenn der vorgesehene Platz sehr begrenzt ist oder der Hintergrund kein Icon verträgt.

Wir liefern diese Variante als PNG in zwei Größen (540 x 370 px und 1080 x 740 px (highres)) mit transparentem Hintergrund und als druckfertige Vektor-Datei im CMYK-Farbprofil.

 
Screen Shot 2018-06-03 at 13.03.14.png

08 Kampagnen-Tool-Box

 

Der Sinn der Tool-Box ist es, eine Grundausstattung an Icons mitzugeben, die für digitale Kommunikationsmaterialien und Medien genutzt werden können. Das sorgt nicht nur für eine größere Wiedererkennbarkeit innerhalb der Kampagne, sondern erleichtert auch die Erstellung der Materialien.

Alle Icons werden mit transparentem Hintergrund geliefert, so dass sie sich problemlos in Präsentationen, elektronischen Dokumenten und für Social Media verwenden lassen.

Es gibt jeweils vier Icons für unterschiedliche Zielgruppen und unterschiedliche Themenbereiche, sowie ein Set aus 10 verschiedenen Aktionsicons.

Alle Icons sind bereits mit einen sogenannten Schutzraum angelegt, der den Abstand zu anderen grafischen Elementen definiert.

Wie werden die Icons verwendet?

Die Zielgruppen- und Themen-Icons werden als PNGs mit transparentem Hintergrund und einer Auflösung von 72dpi geliefert. Die normale Größe liegt in 1080 x 780 px vor. Die High-Resolution-Icons sind 2160 x 1560 px groß. Alle Icons haben einen relativ großzügig angelegten Rahmen, der aber bei Bedarf beschnitten werden kann.

Die Aktionsicons liegen auch in einer regulären Version (350 x 300) und in einer High-Resolution-Version (700 x 600) vor.

Alle Icons sind im RGB-Farbprofil, also für die digitale Verwendung downloadbar. Bei Bedarf liefern wir die Icons auch als PDF-Druckversion im CMYK-Farbprofil.

Screenshot 2019-01-18 at 12.28.28.png

©Frida von Fuchs GmbH für

KlimaschutzAgentur im

Landkreis Reutlingen gGmbH

Screen Shot 2018-06-03 at 13.37.49.png