Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
Version 2.1
Stand: Mai 2019
Das ist grün. Styleguide zur Gestaltung und Verwendung des Signets.
Inhalt
1. Zur Kommunikation Das ist grün. 3
1.1 Das ist grün.- Signet 3
2. Dachbotschaften und Umweltmotto 5
2.1 Dachbotschaften im Überblick 5
2.2 Verwendung des Mottos 5
3. Ausprägungen im Überblick 6
4. Bisherige Botschaften zum direkten Download 7
5. Erstellung neuer Signets 7
5.1 Schriften 7
5.2 Farben 7
5.3 Formate 8
6. Anwendungsbeschreibung 10
6.1 Vertikale oder horizontale Ausprägung des Signets? 10
6.2 Sondereinsatz Das ist grün.- Motto 11
6.3 Größe 12
6.4 URL-Integration 13
6.5 Empfohlene Anwendungsgrößen in Bezug zu DBx 13
7. Anwendungsbeispiele 14
7.1 DB-Broschüren, Plakate und Anzeigen 14
7.2 Digitale Anwendung 15
7.3 Fahrzeugbranding 17
7.4 Das ist grün. im Schriftbild 18
2Das ist grün. · Styleguide · Stand: Mai 2019
1. Zur Kommunikation Das ist grün.
Die Deutsche Bahn macht sich stark für die Umwelt. Deshalb bauen wir seit über 100 Jahren unser Angebot an umweltfreundlichen Lösungen immer weiter aus. Wir wollen unsere Kunden zu Umweltschützern machen – Das ist grün. steht hierfür.
Eine Vielzahl von grünen Maßnahmen im Klima-, Lärm- und Naturschutz sind Teil unseres täglichen Handelns.
Wo es möglich ist, werden die Maßnahmen mit einer zugewiesenen Nummer und individuellen Botschaft markiert. So fährt beispielsweise der ICE unter dem Label „Nr. 01 – Das ist grün. Unterwegs mit Ökostrom.“, die Flinksterflotte mit „Nr. 07 – Flexibel fahren. Klima schützen. Das Flinkster-Netzwerk.“ und die grünen Bahnhöfe sind mit „Nr. 06 – Volle Energie. Null CO₂. Der grüne Bahnhof.“ markiert.
Die fortlaufende Nummerierung zeigt die Vielfalt der grünen Maßnahmen bei der DB auf und bietet die Möglichkeit zur laufenden Ergänzung. Je mehr grüne Maßnahmen bekannt sind, desto mehr stärken wir deren Wirkung im Markt.
1.1 Das ist grün.- Signet
Das Signet wird verwendet, um einzelne Werbemittel, Fahrzeuge und andere DB-Assets zu kennzeichnen. Bevorzugt wird die vertikale Variante. Für spezielle Anwendungen wird eine horizontale Variante verwendet (Anwendung siehe 6.1). Den Maßnahmen-Nummern von 1 bis 9 wird jeweils eine 0 vorangestellt. Das Signet hat folgende Bestandteile:
Signet mit URL Signet ohne URL
Motto Motto
Spezifische Botschaft Spezifische Botschaft
Maßnahmennummer Maßnahmennummer
URL
3Das ist grün. · Styleguide · Stand: Mai 2019
Mögliche Integration des DB-Logos
Sofern ein Signet mit spezifischer Botschaft nicht an einem Touchpoint der Deutschen Bahn angebracht wird oder die DB nicht klar als Absender des Signets erkennbar ist, wird das DB-Logo in der linken unteren Ecke des Signets (vertikal) oder in der rechten unteren Ecke (horizontal) integriert.
Das gilt auch für die Dachbotschaften ohne Maßnahmennummer (siehe 2.1).
1. Zur Kommunikation Das ist grün.
4Das ist grün. · Styleguide · Stand: Mai 2019
2. Dachbotschaften und Umweltmotto
2.1 Dachbotschaften im Überblick
Für übergreifende Themenfelder wie Umweltschutz, Lärmschutz oder Naturschutz können für die Kommunikation und das Labeling folgende Signets eingesetzt werden.
2.2 Verwendung des Umweltmottos
Wenn die inhaltliche Botschaft bereits außerhalb des Signets klar kommuniziert wird, kann das Signet auch ohne Botschaft als übergreifende Markierung eingesetzt werden.
Motto mit URL Motto ohne URL
Übergreifende Dachbotschaft
Themenspezifische Dachbotschaft Lärmschutz
Themenspezifische Dachbotschaft Naturschutz
Das ist grün.Das ist grün.deutschebahn.com/gruen
5Das ist grün. · Styleguide · Stand: Mai 2019
3. Ausprägungen im Überblick
Die dargestellten Signets gibt es in folgenden Ausprägungen für jede Das ist grün.- Maßnahme. Falls Sonderformate erforderlich sind, können diese bei Frau Kira Schautes, [email protected], angefragt werden.
Zweifarbige Ausprägung mit weißem und transparentem Hintergrund (Standard-Ausprägung):
Schwarzweiß-Ausprägung mit weißem und transparentem Hintergrund (z. B. für Schwarzweiß-Medien):
Schwarzweiß-negativ-Ausprägung mit weißem und transparentem Hintergrund (z. B. für dunkle Hintergründe):
6Das ist grün. · Styleguide · Stand: Mai 2019
4. Bisherige Botschaften zum direkten Download
Bereits definierte Botschaften der jeweiligen Maßnahmen sind als Signet umgesetzt. Diese in Illustrator angelegten Dateien im Hoch- und Querformat, mit und ohne URL sowie mit und ohne DB-Logo, liegen als EPS in CMYK vor und können mithilfe geeigneter Software in andere Dateiformate und Farbvarianten umgewandelt werden. Ebenso ist eine Skalierung möglich.
Darüber hinaus sind die Signets auch als JPG-Dateien im Hoch- und Querformat, mit und ohne URL verfügbar. Die JPG-Dateien können für Logo-Importe in Microsoft- Office®-Programme (Word oder PowerPoint) genutzt werden, die mit RGB-Farben arbeiten. Das JPG-Format ist auf Pixelbasis und an eine bestimmte Auflösung gebunden. Sie können nur mit Qualitätsverlust vergrößert werden. Als Druckvorlagen sind diese Dateien ungeeignet.
Der Downloadbereich ist unter folgendem Link erreichbar: www.marketingportal.extranet.deutschebahn.com
5. Erstellung neuer Signets
Sie haben als Geschäftsfeld eine neue grüne Maßnahme initiert und wollen dafür ein neues Signet erstellen? Zur inhaltlichen Abstimmung neuer Signets und der damit verbundenen Festlegung neuer Botschaften und Nummern kontaktieren Sie bitte die Umweltkommunikation der Deutschen Bahn unter: [email protected]
Bei Fragen zur gestalterischen Umsetzung neuer Signets kontaktieren Sie bitte [email protected] oder benutzen Sie das Formular unter: DB Planet > Nachhaltigkeit > Das ist grün. > Mein „Das ist grün.“
5.1 Schriften
Für die Signets werden die Schriften „DB Head Black“ und „DB Head Light“ kombiniert. Die URL wird in der „DB Sans Regular“ gesetzt.
Die Schriftgröße und der Zeilenabstand der Botschaft darf bei längeren Texten oder Wörtern angepasst werden.
5.2 Farben
RGB 120/190/20Web #78BE14CMYK 55/0/100/0Pantone 376 RAL 6018HKS 66
RGB 0/0/0Web #000000CMYK 0/0/0/100
DB 06-02
Schwarz
7Das ist grün. · Styleguide · Stand: Mai 2019
5.3 Formate
Vertikales Format (Standard)
5. Erstellung neuer Signets
Die Botschaft muss dreizeilig (Dreiklang der Botschaft = pro Zeile 1 Sinnabschnitt), in Sonderfällen zweizeilig oder vierzeilig, ausgeführt werden. Oberste Priorität ist die Lesbarkeit.
Die Botschaft wird linksbündig gesetzt. Der DB- typische Fett- Fein-Kontrast hebt Kernaussagen hervor. Die textliche Botschaft wird zwischen oberem grünen Rahmen und Zahl platziert. Nach oben ist der Abstand immer gleich (3), nach unten variabel.
Schriftgröße und Zeilenabstand sind variabel und müssen je nach Länge der Botschaft angepasst werden, um den Abstand vom Rahmen zum Text links und rechts einzuhalten (2).
Die „Nr.“ und die Zahl sind rechtsbündig in der rechten unteren Ecke des Signets verortet.
1 Rahmenbreite (R): fix, darf nur proportional mit dem ganzen Signet vergrößert werden.
2 Mindestabstand Rahmen / Text links und rechts bzw. zur Zahl: 2 = (R) x 1,5
3 Abstand Rahmen oben / Text, fix: 3 = (R) x 2,5
Schriftgröße „Nr.“ und Zahl: 19 pt
22
3
1
2
8Das ist grün. · Styleguide · Stand: Mai 2019
Horizontales Format
5. Erstellung neuer Signets
Schriftgröße: 11 ptZeilenabstand: 13 pt
Die Botschaft darf nicht länger als dreizeilig sein.
Die Botschaft ist linksbündig und sitzt vertikal zentriert im weißen Raum (1).
Schriftgröße und Zeilenabstand können je nach Länge der Botschaft angepasst werden. Ausgangspunkt dafür sind Schriftgröße und Zeilen- abstand aus dieser Mustervorlage.
Die „Nr.“ und die Zahl sind der Botschaft vorangestellt.
Nach der Zahl wird ein Leerzeichen eingefügt. Die Schriftgröße der Zahl ist identisch mit der Botschaft.
Der Botschafts-Hintergrund ist variabel und richtet sich nach der Länge der Botschaft.
1 Länge Motto-Hintergrund (D): fix, darf nur proportional mit dem ganzen Signet vergrößert werden.
2 Empfohlene Länge Botschafts-Hintergrund: (D) x 1,3
3 Abstand Kante / Motto: fix, darf nur proportional mit dem ganzen Signet vergrößert werden.
4 Abstand Kante / Botschaft: fix, darf nur proportional mit dem ganzen Signet vergrößert werden.
5 Mindestabstand Kante / Botschaft: Entspricht 4
6 Mindestabstand Botschaft / Kante: Entspricht 4
7 Maximalabstand Botschaft / Kante: Entspricht 4 x 3
3 4
6
7
5
5
21
1
9Das ist grün. · Styleguide · Stand: Mai 2019
6. Anwendungsbeschreibung
Bei Fragen zur Anwendung und Anbringung des Signets kontaktieren Sie bitte die Marketingkommunikation der Deutschen Bahn unter: [email protected]
6.1 Vertikale oder horizontale Ausprägung des Signets?
Die Anwendungen des Signets unterscheiden sich in ihrer Größe, ihrem Format (horizontal vs. vertikal) und dem Trägermedium (ICE, Broschüre, Anzeige etc.).
Grundsätzlich wird die Verwendung der vertikalen Markierung empfohlen (siehe Abbildung 1). In bestimmten Fällen ist es jedoch sinnvoll bzw. unumgänglich, die horizontale Ausprägung der Markierung zu verwenden:
Platzgründe
Wenn aus Platzgründen das vertikale Signet zu klein dargestellt werden würde, ist die horizontale Ausprägung zu präferieren.(siehe Abbildung 2. In dem Beispiel wird dieses Signet verwendet, um den Abstand der Formularfelder zueinander gering zu halten.).
Gestalterische Gründe
Wenn beispielsweise das Träger-Medium selbst eher in der Breite angelegt ist, sollte hier die horizontale Ausprägung zum Einsatz kommen (siehe Abbildung 3).
Abbildung 2: Digitale Anwendung
Abbildung 3: Scheibenaufkleber
Abbildung 1: ICE
Nr. 02 Spart Geld. Schützt das Klima. Das ist grün.
deutschebahn.com/gruenDie BahnCard.
Instrupped Omterdings
Linden schon herting Persch quers Missentang Vertranen.
Nr. 02 Spart Geld. Schützt das Klima. Die BahnCard.
Das ist grün.deutschebahn.com/gruen
10Das ist grün. · Styleguide · Stand: Mai 2019
Auch bei allgemeinen Umweltthemen kann das Signet ohne Botschaft verwendet werden.
Auf der mobilen Website deutschebahn.com/gruen wird das Motto aus technischen Gründen von der spezifischen Botschaft örtlich abgerückt kommuniziert.
6.2 Sondereinsatz Umweltmotto
Die Sonderform des Signets, nämlich die Verwendung ohne Nummer und Botschaft, findet z. B. in folgender Art und Weise Verwendung:
6. Das ist grün.- Anwendungsbeschreibung
Das ist grün.deutschebahn.com/gruen
Schutz vor Vandalismus
Für die Beklebung des Signets im öffentlichen Raum, z. B. auf DB-Fahrkarten- automaten (Anwendung siehe 7.), wird rund um das Signet eine transparente Folie (T) mit abgerundeten Ecken hinzugefügt, um es vor Vandalismus zu schützen.
Breite von T :
entspricht Abstand Rahmen / TextT
11Das ist grün. · Styleguide · Stand: Mai 2019
6.3 Größe
6. Das ist grün.- Anwendungsbeschreibung
25 mm
95 px
20 mm
Mindestgröße Printmit URL
Mindestgröße Digitalmit URL
ohne URL
ohne URL
76 mm
43 mm
175 px
300 px
75 px
12Das ist grün. · Styleguide · Stand: Mai 2019
6.4 URL-Integration
Grundsätzlich wird empfohlen, die Signetvariante mit URL zu verwenden. Sie bietet dem Betrachter die Möglichkeit, mehr Informationen zur konkreten Maßnahme einzuholen. Zusätzlich kommuniziert die URL die Deutsche Bahn als Absender des Signets.
Keine URL wird verwendet, wenn sie zu einer anderen URL in Konkurrenz treten würde und der „Call-to-action“ für den Betrachter nicht eindeutig erscheint.
6.5 Empfohlene Anwendungsgrößen im Bezug zu DBx
Das DBx-Verhältnis gilt nur dann, wenn das Signet die Mindestgröße (definiert in 6.3) nicht unterschreitet. Grundsätzlich gilt: Die Lesbarkeit der Botschaft und der URL muss jederzeit gewährleistet sein.
6. Das ist grün.- Anwendungsbeschreibung
Höhe des Signets: 1/2 DBx
Abstand zum Rand: ≥ 1/2 DBx
Abstand zum Rand: ≥ 1/2 DBx
Breite des Signets: 2 DBx
13Das ist grün. · Styleguide · Stand: Mai 2019
7. Anwendungsbeispiele
7.1 DB-Broschüren, Plakate und Anzeigen
Das Signet bewahrt einen Abstand von ½ DBx zum Rand, bzw. einen Freiraum von ½ DBx zu allen anderen Gestaltungselementen.
Das Signet steht möglichst diagonal zum DB-Logo und bildet ein optisches Gegengewicht.
Plakat
Broschürentitel
Belsen hertig Sodenplax
Querscheid husental men stark
Missentang vertranen bind
Vertranen belsenmark geragen
Zum winster Proklan – im Chlos Zahe Rost schon Hertig smark.
Linden schon herting Persch quers Missentang Vertranen.
Instrupped Omterdings
Broschüre
Printanzeige mit vertikalem Signet
Gell Rosetemp schon Pußentro Temsen hertig.
Instrupped OmterdingsAns mersen kol braselmuff , Losser preis betriesen Haungart, Dußfal & Belsemark dover KranstreMal Vost in dremmelkap hesch messen schnapp hol ass Temsen und hussental fand bisser Zaherost.
Printanzeige mit horizontalem Signet
Trupplin Frausen querscheid in Sommeren.Der hola maximal Instrop, messtes manche Querle nans ofscharning, Lasab instolerten die Alsin ken herfelwertz, wo Mosen lerfendlich im Instro Alsink, schafft er die Nost, aber en Kalimber sein Trupplin.
Globales Gusen umstriebelt denMaxi viele Hoderdum Sesemal.
Printanzeige
112 Wege ins Grüne. Wir sind der Vorreiter in Sachen Umwelt-schutz. Entdecken Sie jetzt mehr Projekte für eine saubere Luft, besseres Klima oder Lärm-schutz auf deutschebahn.com/gruen
Das ist grün.Das ist grün.
14Das ist grün. · Styleguide · Stand: Mai 2019
7.2 Digitale Anwendung
7. Anwendungsbeispiele
horizontales Signet
Teaserformat und vertikales Signet in der Marginalspalte
Das ist grün.- Website deutschebahn.com/gruen
Gleicher Wagen. Weniger Lärm.Die
Flüsterbremse.
Nr. 05
Das ist grün.
15Das ist grün. · Styleguide · Stand: Mai 2019
Empfohlener Schutzraum in der digitalen Anwendung
In digitalen Anwendungen wird um das Signet ein Schutzraum definiert, wenn es auf einem Bild oder einem farbigen Hintergrund platziert wird. Das Signet wird in einer Ecke des Bildes platziert und muss dabei einen Mindestabstand zum Rand (B) einhal-ten. Dieser Randabstand richtet sich nach der Größe des Signets und wird wie folgt berechnet:
7. Anwendungsbeispiele
B
B
B
B Höhe des Motto-Hintergrunds = Abstand zum Rand
Das ist grün.
16Das ist grün. · Styleguide · Stand: Mai 2019
7.3 Fahrzeugbranding
Auch im Bereich der Fahrzeuge ist ein Labeling möglich. Hierzu wurden zum Beispiel für die Elektrofahrzeuge wie Lkw, Kleintransporter und Lastenräder bei DB Schenker gesonderte Styleguides erstellt. Diese sind ebenfalls im Marketingportal im Bereich Das ist grün. einsehbar. Eine Auswahl an gelabelten Produkten finden Sie nachstehend.
Labeling Call a Bike
Labeling Flinkster
Showbranding eLkw DB Schenker
Showbranding Cargolok
Labeling ICE
7. Anwendungsbeispiele
17Das ist grün. · Styleguide · Stand: Mai 2019
7. Anwendungsbeispiele
7.4 Das ist grün. im Schriftbild
Im Fließtext wird „Das ist grün.“ mit der dazugehörigen Botschaft hintereinander ausgeführt (Das ist grün. Nr. xx: Botschaft). „Das ist grün.“ wird in der gefetteten Basisschrift gesetzt, während der Rest in der normalen Basisschrift gesetzt wird.
Lorem ipsum dolor sit amet, onsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Das ist grün. Nr. 02: Spart Geld. Schützt das Klima. Die BahnCard.
18Das ist grün. · Styleguide · Stand: Mai 2019
Ansprechpartner
DB UmweltUmweltkommunikation
Potsdamer Platz 210785 Berlin
E-Mail: [email protected]
Änderungen vorbehalten Stand: Mai 2019
www.deutschebahn.com