19
Version 2.1 Stand: Mai 2019 Das ist grün. Styleguide zur Gestaltung und Verwendung des Signets.

Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

Version 2.1

Stand: Mai 2019

Das ist grün. Styleguide zur Gestaltung und Verwendung des Signets.

Page 2: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 3: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 4: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 5: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 6: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 7: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 8: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 9: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 10: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 11: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 12: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 13: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 14: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 15: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 16: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 17: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 18: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

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

Page 19: Styleguide zur Gestaltung und Verwendung des Signets. · Styleguide Stand Mai 201 13. 7. Anwendungsbeispiele 7.1 DB-Broschüren, Plakate und Anzeigen Das Signet bewahrt einen Abstand

Ansprechpartner

DB UmweltUmweltkommunikation

Potsdamer Platz 210785 Berlin

E-Mail: [email protected]

Änderungen vorbehalten Stand: Mai 2019

www.deutschebahn.com