Embed Size (px)
Citation preview
2
DESIGN STYLEGUIDE
v 1.0
2
Unser Protest geht weiter.
Kommt zur Klimawache und unterstützt unsere Forderungen nach mehr Klimaschutz. Lasst uns gemeinsam ein starkes Zeichen setzen, damit der Klimaschutz endlich aktiv umgesetzt wird.
An dieser Stelle auch einen herzlichen Dank an alle, die regelmässig zur Klimawache kommen und zeigen, dass wir von der Politik mehr fordern als nur wohlklingende Worte.
2
Logo
Das Klimawache Logo 5
Stadt-Varianten Ergänzung 7
Stadt-Varianten vertikal 8
Stadt-Varianten horizontal 9
Platzierung 10
Repoduzierbarkeit 11
Farben
Warum Neon-Farben? 13
Farbschema 14
Farbwerte 15
Typografie
Die Fliesstext-Schriftart 17
Die Ansprache-Schriftart 18
Die Schriftformatierung 19
Design & Layout
Bildsprache 21
Plakate & Flyer 22
Impressum
Kontakt 28
Realisierung 28
Nutzungsrechte 28
Quellen 28
Inhalt
4
Logo
2
Logo
Signet
Erde, Globus, Planet
Auge, beobachten, bewachen
Wortmarke
5
Das Klimawache Logo Signet und Wortmarke bilden zusammen das Logo.
Das Signet kann zwar alleine stehen – beispielsweise als Profilbild. Die Wortmarkte wird allerdings immer nur in Verbindung mit dem Signet verwendet.
Das Signet ist bewusst minimalistisch und reproduzierbar, Vervielfältigungen und Kennzeichnungen sind erwünscht.
Das Logo wird in einer positiven Variante eingesetzt und auf weiß oder den definierten Farben platziert.
Das Logo wird NICHT verfremdet, verändert, umgefärbt, gekürzt oder ergänzt. Allerdings gibt es die Ausnahme, die Stadt-Varianten zu erweitern.
2
6
Berliner Fernsehturm
Münchner Frauenkirche
Kölner Dom
Hamburger Schiffsanker
2
7
Stadt-Varianten Ergänzung
Berliner Fernsehturm
Münchner Frauenkirche
Kölner Dom
Hamburger Schiffsanker
2
8
Stadt-Varianten vertikal
2
9
Stadt-Varianten horizontal
2
10
Platzierung
Horizontales LogoVerwendung in Medien mit wenig Spielraum in der Höhe
wie bei Webseiten, Lanyards, Kugelschreibern, etc.
Vertikales LogoVerwendung in Medien mit ausreichend Platz
wie bei Plakaten, Flyern, Aufklebern, etc.
SignetVerwendung als Profilbild in den Sozialen Medien,
auf Transparenten, Buttons und Stickern.
Nur WortmarkeDie Verwendung der Wortmarke ohne Signet
ist nicht erlaubt und somit zu vermeiden.
2
11
Repoduzierbarkeit
Kein Aufruf zur Sachbeschädigung oder Vandalismus.
klimawache-berlin.de
12
Farben
2
13
Warum Neon-Farben? Neon-Farben sind unangepasst, laut, rebellisch und ein wenig verrückt.
Neon-Farben wirken, haben eine hohe Sichtbarkeit, Wiedererkennbarkeit und Signalwirkung.
Der Kontrast von schwarzen sowie weissem Text auf neonfarbigen Flächen ist ideal und sehr gut lesbar.
Neon-Farben komme in nahezu jedem Farbsystem bereits in großer Vielfalt vor. Entsprechend passende Volltonfarben sind auch bei Pantone, RAL und HKS einfach zu finden.
Druckereien bieten die Produktion auf in Neon-Farben eingefärbten Papieren und Materialen oft schon an und es kann nachhaltig einfarbig schwarz bedruckt werden.
Es werden nie alle Neon-Farben auf einmal verwendet, sondern immer nur eine Neon-Farbe zusammen mit Schwarz und Weiss. Das Motiv soll zwar laut sein, aber nicht die ganze Zeit brüllen wie am Spiess.
klimawache-berlin.de
2
14
Farbschema
Schwarz
Neon-Orange Neon-Pink
Weiss
Neon-Blau Neon-Grün
Neon-Gelb
2
15
Farbwerte
CMYK 000–000–000–100
RGB 000–000–000
HEX #000000
CMYK 000–069–094–000
RGB 237–105–028
HEX #ED691C
CMYK 016–084–000–000
RGB 208–069–146
HEX #D04592
CMYK 000–000–000–000
RGB 255–255–255
HEX #FFFFFF
CMYK 058–000–014–000
RGB 105–197–219
HEX #69C5DB
CMYK 055–000–100–000
RGB 134–188–037
HEX #86BC25
CMYK 028–000–100–000
RGB 205–213–000
HEX #CDD500
16
Typografie
2
Download kostenlos unter
fonts.google.com/specimen/Open+Sans17
Die Fliesstext-Schriftart
Open Sans Open Sans ist eine humanisti-sche serifenlose Schrift, welche von Steve Matteson, Type Director von Ascender Corp., entworfen wurde.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ae-nean commodo ligula eget do-lor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nasce-tur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
LightLight ItalicRegularRegular ItalicSemi-BoldSemi-Bold ItalicBoldBold ItalicExtra-BoldExtra-Bold Italic
ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωάΆέΈέΉίϊΐΊόΌύΰϋΎΫΏĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.
2
Download kostenlos unter
fonts.google.com/specimen/Permanent+Marker18
Die Ansprache-Schriftart
Permanent Marker Die Schrift Permanent Marker steht für das Erscheinungs-bild eines Lieblingsschreib- gerätes.
Lorem ipsum dolor sit amet, consectetuer adipi-scing elit. Aenean commodo ligula eget dolor. Aene-an massa. Cum sociis nato-que penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Regular ABCDEFGHIJKLMNOPQRSŠTUVWXYZŽabcdefghijklmnopqrsštuvwxyzžΔμÄÖÜÂÊÔäöüâêô1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.
2
19
FÜNF VOR ZWÖLF
Kohleausstieg sofort!Menihit, et ute con erum velescia sequis sam, vellorerrum etur rae core, que venitas eatem facilitatio dolor as si nihici-um quam qui de occaectibus rerioris millest, quis ea cusdand andus, nonsequassim evendis minctum que vel imi.
Nimusdae quid estiore dolup-tatus, officiendit vidis aut au-tempo ratur? Eveliquiam, imi, quiatque volorei.
On volum etur?
Cor atibus aut rerit, solende-bis apis ute voluptatust, que ero coria volorem oluptatur alia quodipit, ut ut pore il in-
imaghjo vidiore perepellabo. Itatius apicabo restis eaquae omnim faccab ius ium rem a nobitissit, quidem serum es-sinis sequam facium velignist ratempo reratetur, soluptiis rercipi enectotam istius, si-musciur autem essit qui re quatur, ipsapieniam cullenda que veliquo blaut,
Open Sans Light, 30pt, Schwarz
Permanent Marker, 74pt, z. B. Neon-Blau
Open Sans Semi-Bold, 30pt, Schwarz
Open Sans Regular, 30pt, Schwarz
Open Sans Bold, 30pt, Schwarz
Die Schriftformatierung
20
Design & Layout
2
Hochwertiges Bildmaterial kostenlos & lizenzfrei unter
unsplash.com21
Bildsprache
2
22
Soziale Medien
74 likes
View all 100 comments
instagramtemplate vector template
LehrerweltGesponsertKlimawache Berlin
Klimawache Berlin
Brandenburger TorBrandenburger Tor
https://klimawache-berlin.de
REGENWALD ERHALTEN!
ERNEUERBARE ENERGIEN FÖRDERN!
2
23
Plakate & Flyer
JETZT MITMACHEN#Klimawache ist jeden3. Dienstag im Monatab 1830 Uhr am Brandenburger Torin Berlin. #ClimateHero: Every 3th Tuesday/month, 1830 o‘clock, Brandenburg Gate, Berlin.
klimawache-berlin.de
KOHLE- AUSSTIEG SOFORT!
2
24
klimawache-berlin.de
REGENWALD ERHALTEN!
JETZT MITMACHEN#Klimawache ist jeden3. Dienstag im Monatab 1830 Uhr am Brandenburger Torin Berlin. #ClimateHero: Every 3th Tuesday/month, 1830 o‘clock, Brandenburg Gate, Berlin.
2
25
klimawache-berlin.de
ERNEUERBARE ENERGIEN FÖRDERN!
JETZT MITMACHEN#Klimawache ist jeden3. Dienstag im Monatab 1830 Uhr am Brandenburger Torin Berlin. #ClimateHero: Every 3th Tuesday/month, 1830 o‘clock, Brandenburg Gate, Berlin.
2
26
klimawache-berlin.de
EIS- SCHMELZE
VERHINDERN!
JETZT MITMACHEN#Klimawache ist jeden3. Dienstag im Monatab 1830 Uhr am Brandenburger Torin Berlin. #ClimateHero: Every 3th Tuesday/month, 1830 o‘clock, Brandenburg Gate, Berlin.
2
27
klimawache-berlin.de
WASSER- MANGEL
VERRINGERN!
JETZT MITMACHEN#Klimawache ist jeden3. Dienstag im Monatab 1830 Uhr am Brandenburger Torin Berlin. #ClimateHero: Every 3th Tuesday/month, 1830 o‘clock, Brandenburg Gate, Berlin.
28
Impressum
2
29
KontaktKlimawache Berlin Ulrike Behnen Adolfstraße 1a 12167 Berlin
+49 1579 2344144 [email protected]
klimawache-berlin.de
Realisierung
BUREAU lars holzmann Kreation, Gestaltung und Vermarktung. blh.hamburg
NutzungsrechteKlimawache Berlin erhält für unbestimmte Dauer und im gesamten Umfang die Nut-zungsrechte an allen durch BUREAU lars holzmann im Rahmen dieses Auftrages bis hierhin gefertigten Arbeiten. Diese Übertragung der Nut-zungsrechte gilt, soweit eine Übertragung nach deutschem Recht möglich ist und gilt für die vereinbarte Nutzung im Gebiet der Bundesrepublik Deutschland.
Die im Rahmen des Auftra-ges erarbeiteten Leistungen sind als persönliche geistige Schöpfungen durch das Ur-heberrechtsgesetz geschützt und verbleiben bei der Agen-tur BUREAU lars holzmann.
QuellenUnsplash unsplash.com
Pexels www.pexels.com
