Design-Handbuch. Stand

Transkript

1 Design-Handbuch Stand

2 Inhalt Jahresmotto Farben Kampagnenfarben 4 Farbkombinationen für Print 5 Farbkombinationen für Web 6 Typo lphabet, Zahlen und Sonderzeichen 7 Regelungen für Headlines 8 Raster Rastereinteilung für Hoch- und Querformate 9 Imagekampagne, individualisierbare Plakatmotive Individualisierbare Elemente 10 Imagekampagne, Plakate 11 Regelungen zu Head- sowie Sublines und bständen Imagekampagne, Szeneplakate Regelungen zu Head- sowie Sublines und bständen 12 Imagekampagne, alle Motive Motivübersicht 13 Plakate und Szeneplakate: unzulässige nwendungen 14 Individualisierbare Werbemittel llgemeines, Layout, Claim 15 Icons, Position 16 Individualisierbare Elemente 17 Individualisierbare Plakate Regelungen zu Head- sowie Sublines und bständen 18 bmessungen 19 Individualisierbare 1/3-nzeigen, quer Regelungen zu Head- sowie Sublines und bständen 20 bmessungen 21 Individualisierbare 1/3-nzeigen, hoch Regelungen zu Head- sowie Sublines und bständen 22 bmessungen 23 Individualisierbare DIN-3-nzeigen, hoch Regelungen zu Head- sowie Sublines und bständen 24 bmessungen 25 Handwerkslogo, Partnerlogo und URL Regelungen zur Kontur und zu bständen 26 Banner Regelungen zum Handwerkslogo, Extremformaten und Call to ction 27 Web Regelungen zu Farbkombinationen und zur Schrift 28 2

3 Jahresmotto 2017 Das Jahresmotto 2017 für die Jugendlinie der Handwerkskampagne lautet: #einfachmachen. Es steht in weißer Typo immer zusammen mit dem cyanfarbenen Balken unter der Botschaft/Headline. Es kann allein stehend, aber auch zusammen mit einem Zusatz (Botschaft) stehen. LOREM IPSUM Das IHM-Motto 2017 Made in Germany kann als alternatives Jahresmotto genutzt werden. Made in Germany. Das Original. Des Weiteren ist es möglich das Jahresmotto aus der Jugendlinie einfach machen im alten Kampagnen-Look zu verwenden. Hier kann die erste Zeile mit eigenem Text individualisiert werden (z.b. Elektromobilität:). 3

4 Farben Kampagnenfarben Primärfarben Dunkelrot Hellrot Gelb Orange Hellgrün Dunkelgrün CMYK 0/100/70/25 RGB 184, 44, 68 HEX #B82C44 Pantone 187 HKS 16 CMYK 0/94/92/0 RGB 238, 35, 74 HEX #EE234 Pantone 485 HKS 13 CMYK 0/20/100/0 RGB 251, 203, 61 HEX #FBCB3D Pantone 123 HKS 4 CMYK 0/52/100/0 RGB 255, 153, 51 HEX #FF9933 Pantone 144 HKS 6 CMYK 35/0/100/0 RGB 180, 189, 0 HEX #B4BD00 Pantone 390 HKS CMYK 60/0/100/20 RGB 90, 142, 30 HEX #58E1E Pantone 370 HKS 63 Kampagnenfarben Sekundärfarbe Balkenfarbe für Kampagnenlogo Signalrot Die Sekundärfarbe ist nur als Hintergrundfarbe für die Website anzuwenden. Der Einsatz der Kampagnenbotschaften auf dieser Farbe ist nicht erlaubt. Handwerksblau CMYK 5/100/50/0 RGB 220, 0, 79 HEX #DC004F Pantone: 206 CMYK 85/10/0/0 RBG 0, 168, 229 HEX #008E5 Pantone: 299 Die bänderung der Farben ist nicht erlaubt. 4

5 Farben Farbkombinationen für Print Erlaubt sind Farbkombinationen, deren Farben gut miteinander harmonieren. Innen Dunkelrot Hellrot Gelb Orange Hellgrün Dunkelgrün ußen Magenta Dunkelrot Hellrot Gelb Orange Hellgrün Dunkelgrün 5

6 Farben Farbkombinationen für Web Um eine optimale Lesbarkeit der Schrift zu gewährleisten, sind für die Website sechs Farbkombinationen für die Hintergründe bzw. Kacheln definiert. Eine umgekehrte nwendung ist nicht erlaubt. Dunkelrot Hellrot Orange Hellgrün Dunkelgrün Magenta Orange Gelb Gelb Orange Hellgrün Gelb Hintergrund Kachel 6

7 Typo lphabet BBBCCCDDDEEEFFFGGGHHHI JJJKKKLLLMMMNNNOOOPPPQQQ RRRSSSTTTUUUVVVWWW XXXYYYZZZÄËÏÖÜŸ lphabet, Kleinbuchstaben aaabbbcccdddeeefffggghhhiiijjj kkklllmmmooopppqqqrrrssstttuuuvvv wwwxxxyyyzzzß äëïöüÿ Zahlen und Sonderzeichen ¹²³!?#%&(){}[] - $ &@=;: /\_*+ 7

8 Typo Regelung für Headlines: Um den Handmade-Charakter zu verstärken, gibt es von jedem Buchstaben noch zwei weitere Versionen. Bei Doppelungen zweier aufeinander folgender Buchstaben wird einer dieser Buchstaben durch eine andere Version ausgetauscht. HLLO Identische Buchstaben -> HLLO ustausch durch eine andere Buchstabenversion Zu finden ist diese Funktion in InDesign unter: Fenster > Schrift und Tabellen > Glyphen. Dort kann der jeweilige Buchstabe manuell, nachdem er markiert worden ist, in dem Fenster durch nwählen eines lternativbuchstabens ausgetauscht werden. lle Headlines sowie Sublines stehen in Versalien. lle Copytexte werden in gemischter Schreibweise gesetzt. Den Reiter Gesamte Schriftart anwählen, um alle Buchstaben angezeigt zu bekommen. 8

9 Raster Hochformate Gemäß der Handwerks-Guideline auf Seite 15/1.4 werden Hochformate in 15 Rasterzeilen (15 Y) eingeteilt: Y = B / 15 Querformate Gemäß der Handwerks-Guideline auf Seite 16/1.4 werden Querformate in zehn Rasterzeilen (10 Y) eingeteilt: Y = B / 10 Y = B / 15 Y = B / 10 B B ¼ Y = B / 40 ¼ Y = B / 60 9

10 Imagekampagne, individualisierbare Plakatmotive Individualisierbare Elemente Es ist möglich, einzelne Elemente zu individualisieren. Der zweite Teil der Subline kann individuell angepasst und das Partnerlogo mit der Partner-URL kann eingesetzt werden. 10 Individualisierbare Elemente sind weiß unterlegt.

11 Imagekampagne, Plakate Headline Die Headlines sind als Grafik zu betrachten und daher nicht abänderbar. Sie stehen immer in Weiß auf einem farbigen Fond. Je Motiv sollten mindestens zwei beginnende oder abschließende Buchstaben der Headline an die Kante des Layouts stoßen. bstand zum Claim: Der bstand von der Headline zum Claim beträgt. Subline uch die Subline wird zentriert, weiß in Versalien und schräg gesetzt und ist ebenfalls zusammen mit dem Claim um sieben Grad geneigt. Die Sublinelänge ist auf 160 Zeichen begrenzt. Schriftgröße: Die Sublinegröße ist frei wählbar, solange sie den maximalen Bereich nicht überschreitet. Zeilenabstand: Gemäß der Handwerks-Guideline auf Seite 31/1.7 errechnet sich der Zeilenabstand aus der Schriftgröße, multipliziert mit dem Wert 1,3. Spationierung: Für die Verwendung in den Sublines gilt ein Wert von 50 pt. bstand zum Claim: Der bstand vom Claim zur Subline beträgt. Zusammenfassung: Headline Subline Claim Claim Größe: Die Größe des Claims ist auf 1 Y festgelegt. 11 Ist als Illustration zu betrachten und nicht abänderbar. TT V Variabel Sublinegröße x 1,3 7 Grad 50 pt Headlineabstand Sublineabstand Größe 1 Y

12 Imagekampagne, Szeneplakate Headline Die Headlines sind als Grafik zu betrachten und daher nicht abänderbar. Sie stehen immer in Weiß auf einem farbigen Fond. Je Motiv sollten mindestens zwei beginnende oder abschließende Buchstaben der Headline an die Kante des Layouts stoßen. bstand zum Claim: Der bstand von der Headline zum Claim beträgt. Subline uch die Subline wird zentriert, weiß in Versalien und schräg gesetzt und ist ebenfalls zusammen mit dem Claim um sieben Grad geneigt. Die Sublinelänge ist auf 160 Zeichen begrenzt. Schriftgröße: Die Sublinegröße ist frei wählbar, solange sie den maximalen Bereich nicht überschreitet. Zeilenabstand: Gemäß der Handwerks-Guideline auf Seite 31/1.7 errechnet sich der Zeilenabstand aus der Schriftgröße, multipliziert mit dem Wert 1,3. Spationierung: Für die Verwendung in den Sublines gilt ein Wert von 50 pt. bstand zum Claim: Der bstand vom Claim zur Subline beträgt. Zusammenfassung: Headline Subline Claim Claim Größe: Die Größe des Claims ist auf 1 Y festgelegt. 12 Ist als Illustration zu betrachten und nicht abänderbar. TT V Variabel Sublinegröße x 1,3 7 Grad 50 pt Headlineabstand Sublineabstand Größe 1 Y

13 Imagekampagne, alle Motive Jede Headline ist einer Kampagnenfarbe zugeordnet: 13

14 Plakate und Szeneplakate: unzulässige nwendungen nwendungen wie das Geradestellen, ein zu kleines/zu großes Einspiegeln oder Verwendung einer anderen Schrift oder nicht zugewiesenen Kampagnenfarbe sind nicht erlaubt: 14

15 Individualisierbare Werbemittel llgemeines Neben der npassung der vorhandenen Plakate gibt es noch die Möglichkeit, Icons zu verwenden. lle Headlines und Sublines werden immer in Weiß, zentriert und gerade in Versalien auf farbigen Fond gesetzt. Die Schrift darf links und rechts einen bstand von 1/2 Y zum Rand nicht überschreiten. Die Headline ist individualisierbar. Für die Sublines ist der Einsatz von maximal 160 Zeichen möglich. Da es hier keine fest zugeordnete Kampagnenfarbe gibt, ist die Verwendung anderer Kampagnenfarben möglich. Layout Je nach Textlänge und Icongröße wird das Layout entsprechend zwischen Layout-Oberkante und Handwerkslogo ausgemittelt. Claim Neben der gerade gesetzten Schrift wird hier auch der Claim gerade gestellt. 15

16 Individualisierbare Werbemittel Visualisierungsbeispiel Icons Die Icons werden immer in Weiß auf eine der Kampagnenfarben gesetzt. Für Gewerke sind bis zu drei Icons einsetzbar. Position Die Position der Icons im Layout ist immer zentriert über der Headline. Grundsätzlich haben die Icons und die Headline einen Bereich, in dem sie sich bewegen dürfen, je nach Textlänge bzw. Iconbreite. Jedoch dürfen die maximalen Einspiegelungshöhen und -breiten nicht überschritten werden. Einsatz eines schmalen Icons Einsatz eines breiten Icons Einsatz von drei Icons eines Gewerks 16

17 Individualisierbare Werbemittel Visualisierungsbeispiel Individualisierbare Elemente Es ist möglich, einzelne Elemente zu individualisieren. us den vorgegebenen Headlines kann eine ausgewählt und beliebig die dazugehörige Stadt eingesetzt werden. Des Weiteren kann das jeweilige Partnerlogo mit der Partner-URL eingesetzt und der zweite Teil der Subline individuell angepasst werden. Zusätzlich kann die Hintergrundfarbe individualisiert werden hierfür stehen die sechs Kampagnenfarben zur Verfügung. 17 Individualisierbare Elemente sind weiß unterlegt.

18 Individualisierbare Plakate Visualisierungsbeispiel Headline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 2 bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Headlinegröße, multipiziert mit dem Wert 1,05. Spationierung: Für die Verwendung in den Headlines ist ein Wert von 70 pt festgelegt. bstand zum Claim: Subline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 1/2 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Sublinegröße, multipiziert mit dem Wert 1,3. Spationierung: Für die Verwendung in den Sublines ist ein Wert von 50 pt festgelegt. Zusammenfassung: bstand zum Claim: Der bstand vom Claim zur Subline beträgt. Claim Größe: Die Größe des Claims ist auf 5/8 Y festgelegt. 18 Headline TT V Variabel Headlinegröße x 1,05 0 Grad 70 pt Subline TT V Variabel Sublinegröße x 1,3 0 Grad 50 pt Claim Headlineabstand Sublineabstand Größe 5/8 Y

19 Individualisierbare Plakate, bmessungen Visualisierungsbeispiel maximale Breite 6 Y 19

20 Individualisierbare 1/3-nzeigen, quer Visualisierungsbeispiel Headline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 2 1/8 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Headlinegröße, multipiziert mit dem Wert 1,05. Spationierung: Für die Verwendung in den Headlines ist ein Wert von 70 pt festgelegt. bstand zum Claim: Subline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 5/8 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Sublinegröße, multipiziert mit dem Wert 1,3. Spationierung: Für die Verwendung in den Sublines ist ein Wert von 50 festgelegt. Zusammenfassung: bstand zum Claim: Der bstand vom Claim zur Subline beträgt. Claim Größe: Die Größe des Claims ist auf 3/4 Y festgelegt. 20 Headline TT V Variabel Headlinegröße x 1,05 0 Grad 70 pt Subline TT V Variabel Sublinegröße x 1,3 0 Grad 50 pt Claim Headlineabstand Sublineabstand Größe 3/4 Y

21 Individualisierbare 1/3-nzeigen, quer, bmessungen Visualisierungsbeispiel maximale Breite 7 Y 21

22 Individualisierbare 1/3-nzeigen, hoch Visualisierungsbeispiel Headline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 2 1/2 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Headlinegröße, multipiziert mit dem Wert 1,05. Spationierung: Für die Verwendung in den Headlines ist ein Wert von 70 pt festgelegt. bstand zum Claim: Subline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 7/8 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Sublinegröße, multipiziert mit dem Wert 1,3. Spationierung: Für die Verwendung in den Sublines ist ein Wert von 50 festgelegt. Zusammenfassung: bstand zum Claim: Der bstand vom Claim zur Subline beträgt. Claim Größe: Die Größe des Claims ist auf 1/2 Y festgelegt. 22 Headline TT V Variabel Headlinegröße x 1,05 0 Grad 70 pt Subline TT V Variabel Sublinegröße x 1,3 0 Grad 50 pt Claim Headlineabstand Sublineabstand Größe 1/2 Y

23 Individualisierbare 1/3-nzeigen, hoch, bmessungen maximale Breite 5 Y Visualisierungsbeispiel 23

24 Individualisierbare DIN-3-nzeigen, hoch Visualisierungsbeispiel Headline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 6 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Headlinegröße, multipiziert mit dem Wert 1,05. Spationierung: Für die Verwendung in den Headlines ist ein Wert von 70 pt festgelegt. bstand zum Claim: Subline Schriftgröße: Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 5/8 Y bewegen. Zeilenabstand: Der Zeilenabstand errechnet sich aus der Sublinegröße, multipiziert mit dem Wert 1,3. Spationierung: Für die Verwendung in den Sublines ist ein Wert von 50 festgelegt. Zusammenfassung: bstand zum Claim: Der bstand vom Claim zur Subline beträgt. Claim Größe: Die Größe des Claims ist auf 3/4 Y festgelegt. 24 Headline TT V Variabel Headlinegröße x 1,05 0 Grad 70 pt Subline TT V Variabel Sublinegröße x 1,3 0 Grad 50 pt Claim Headlineabstand Sublineabstand Größe 3/4 Y

25 Individualisierbare DIN-3nzeigen, hoch, bmessungen Visualisierungsbeispiel maximale Breite 5 Y 25

26 Handwerkslogo Partnerlogo und URL Kontur Um eine bessere bgrenzung zwischen dem Handwerkslogo und den hellroten bzw. dunkelroten Hintergründen zu gewährleisten, ist bei Einsatz dieser Farben eine weiße Linie um das Logo definiert. 1/3 DIN hoch/quer, DIN 6, DIN 5 Die Konturstärke beträgt 1 pt. bstand Das Partnerlogo und die Partner-URL stehen 1/2 Y vom Rand entfernt. Die Partner-URL steht immer im bstand von1/2 Y linksbündig unter dem Logo auf dem Grundlinienraster. Die URL wird auf jedem Medium ohne www. angelegt. DIN 4 Die Konturstärke beträgt 1,5 pt. DIN 3 Die Konturstärke beträgt 2 pt. 18/1-Plakate, DIN 1, Medialightboard, City-Light-Poster Die Konturstärke beträgt 4 pt. URL Die Handwerks-URL erhält ihren Platz rechts unter dem Logo, auf dem Grundlinienraster bündig zum K des Handwerkslogos. Sie steht im bstand von 1/2 Y zur unteren rechten Ecke des Logos sowie zum Rand. Die zu verwendende Schriftart ist die Univers Condensed. Die URL wird auf jedem Medium ohne www. angelegt. Die Schriftgrößen für die einzelnen Formate sind folgende: 1/3 DIN hoch/quer, DIN 6 Die Schriftgröße beträgt 9 pt. DIN 5 Die Schriftgröße beträgt 10,2 pt. DIN 4 Die Schriftgröße beträgt 12 pt. DIN 3 Die Schriftgröße beträgt 14,4 pt. DIN 2 Die Schriftgröße beträgt 19,2 pt. DIN 1 Die Schriftgröße beträgt 27 pt /1-Plakate Die Schriftgröße beträgt 25 pt.

27 Banner Gemäß der Handwerks-Guideline auf Seite 37/1.9 erhalten Banner eine weiße Kontur in einer Stärke von 7 px. Handwerkslogo: Das Logo hat eine Breite von 207 px und eine Höhe von 50 px. Der bstand zum unteren Rand beträgt 20 px. Die Konturstärke beträgt 1 px. Regelungen bei Extremformaten: Je nach Format kann im eigenen Ermessen ein bstand des Logos zum Rand zwischen 20 px und 30 px gewählt werden. Call to ction: Gemäß der Handwerks-Guideline auf Seite 41/1.9 gelten dieselben bmessungen. Der Schriftzug erhält dieselbe Farbe wie der Hintergrund. Beispiel 300 x 600 px 27

28 Web Farbkombinationen Für die nwendung auf der Website sind sechs Farbkombinationen für die Hintergrund- bzw. Kachelfarbe definiert. Dunkelrot Hellrot Orange Hellgrün Dunkelgrün Magenta Orange Gelb Gelb Orange Hellgrün Gelb Hintergrund Kachel Schrift Die Kampagnenschrift wird in den Head- sowie Sublines immer gerade in Versalien gesetzt, Copytexte jedoch in gemischter Schreibweise. Bei längeren Copytexten und kleineren Schriftgrößen kann auf den Webfont rial Regular zurückgegriffen werden. 28