Design-Handbuch - Werbemittelportal · RGB 251, 203, 61 HEX #FBCB3D Pantone 123 HKS 4 CMYK...

28
1 Stand 16.03.17 Design-Handbuch

Transcript of Design-Handbuch - Werbemittelportal · RGB 251, 203, 61 HEX #FBCB3D Pantone 123 HKS 4 CMYK...

1

Stand 16.03.17

Design-Handbuch

2

Inhalt

Jahresmotto 2017 3

Farben Kampagnenfarben 4Farbkombinationen für Print 5Farbkombinationen für Web 6

Typo Alphabet, Zahlen und Sonderzeichen 7Regelungen für Headlines 8

Raster Rastereinteilung für Hoch- und Querformate 9

Imagekampagne, individualisierbare PlakatmotiveIndividualisierbare Elemente 10

Imagekampagne, Plakate 11Regelungen zu Head- sowie Sublines und Abständen

Imagekampagne, Szeneplakate Regelungen zu Head- sowie Sublines und Abständen 12 Imagekampagne, alle Motive Motivübersicht 13

Plakate und Szeneplakate: unzulässige Anwendungen 14

Individualisierbare Werbemittel Allgemeines, Layout, Claim 15Icons, Position 16 Individualisierbare Elemente 17 Individualisierbare Plakate Regelungen zu Head- sowie Sublines und Abständen 18Abmessungen 19

Individualisierbare 1/3-Anzeigen, quer Regelungen zu Head- sowie Sublines und Abständen 20Abmessungen 21

Individualisierbare 1/3-Anzeigen, hoch Regelungen zu Head- sowie Sublines und Abständen 22Abmessungen 23

Individualisierbare DIN-A3-Anzeigen, hoch Regelungen zu Head- sowie Sublines und Abständen 24Abmessungen 25

Handwerkslogo, Partnerlogo und URL Regelungen zur Kontur und zu Abständen 26

Banner Regelungen zum Handwerkslogo, Extremformaten und Call to Action 27

Web Regelungen zu Farbkombinationen und zur Schrift 28

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.

Das IHM-Motto 2017 „Made in Germany“ kann als alternatives Jahresmotto genutzt werden.

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:).

Made in Germany. Das Original.

WWW.PARTNER-URL.DE LOREM IPSUM

4

Farben

Kampagnenfarben – Primärfarben

CMYK 0/100/70/25RGB 184, 44, 68HEX #B82C44Pantone 187HKS 16

CMYK 0/94/92/0RGB 238, 35, 74HEX #EE234APantone 485HKS 13

CMYK 0/20/100/0RGB 251, 203, 61HEX #FBCB3DPantone 123HKS 4

CMYK 0/52/100/0RGB 255, 153, 51HEX #FF9933Pantone 144HKS 6

CMYK 35/0/100/0RGB 180, 189, 0HEX #B4BD00Pantone 390HKS –

CMYK 60/0/100/20RGB 90, 142, 30HEX #5A8E1EPantone 370HKS 63

Kampagnenfarben – Sekundärfarbe

CMYK 5/100/50/0RGB 220, 0, 79HEX #DC004FPantone: 206

Die Sekundärfarbe ist nur als Hintergrundfarbe für die Website anzuwenden. Der Einsatz der Kampagnen-botschaften auf dieser Farbe ist nicht erlaubt.

CMYK 85/10/0/0RBG 0, 168, 229HEX #00A8E5Pantone: 299

Balkenfarbe für Kampagnenlogo

Die Abänderung der Farben ist nicht erlaubt.

Dunkelrot Hellrot Gelb Orange Hellgrün Dunkelgrün

Signalrot Handwerksblau

5

Farbkombinationen für PrintErlaubt sind Farbkombinationen, deren Farben gut miteinander harmonieren.

Farben

Innen

Dunkelrot

Hellrot

Gelb

Orange

Hellgrün

Dunkelgrün

MagentaAußen Hellrot GelbDunkelrot Orange Hellgrün Dunkelgrün

6

Farbkombinationen für WebUm 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 Anwendung ist nicht erlaubt.

Farben

Hintergrund Kachel

Dunkelrot Hellrot Orange Hellgrün Dunkelgrün Magenta

Orange Gelb Gelb Orange Hellgrün Gelb

7

Typo

Alphabet

A��B��C��D����EF����GH��I��JK��L��M��N����OP����Q ��RS����TU��V����W��X��YZ��ÄËÏÖÜŸAlphabet, Kleinbuchstaben

a����bc����de��f��g����hi����j k����lm����o��pq��r����st����u��v��w��x��y��zßäëïöüÿZahlen und Sonderzeichen

01234567890 ¹²³!?#%&(){}[]‘’“”‚„…•⁄€−���$ ®&@=;:·/\_*+£§©

8

Regelung für Headlines:Um den Handmade-Charakter zu verstärken, gibt es von jedem Buchstaben noch zwei weitere Versionen. Bei Doppelungen zweier aufeinander folgen-der Buchstaben wird einer dieser Buchstaben durch eine andere Version ausgetauscht.

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 Anwählen eines Alternativbuchstabens ausgetauscht werden.

Alle Headlines sowie Sublines stehen in Versalien.

Alle Copytexte werden in gemischter Schreibweise gesetzt.

HALLO HAL�O->Austausch durch eine andere Buchstabenversion

Identische Buchstaben

Typo

Den Reiter „Gesamte Schriftart“ anwählen, um alle Buchstaben angezeigt zu bekommen.

9

Raster

HochformateGemäß der Handwerks-Guideline auf Seite 15/1.4 werden Hochformate in 15 Rasterzeilen (15 Y) eingeteilt: Y = B / 15

A

B

Y = B / 15

¼ Y = B / 60

QuerformateGemäß der Handwerks-Guideline auf Seite 16/1.4 werden Querformate in zehn Rasterzeilen (10 Y) eingeteilt: Y = B / 10

A

B

Y = B / 10

¼ Y = B / 40

10

Imagekampagne, individualisierbare Plakatmotive

Individualisierbare ElementeEs 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.

Individualisierbare Elemente sind weiß unterlegt.

11

Imagekampagne, Plakate

HeadlineDie 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.

Abstand zum Claim:Der Abstand von der Headline zum Claim beträgt 3/8 Y.

SublineAuch 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.

Abstand zum Claim:Der Abstand vom Claim zur Subline beträgt 3/8 Y.

Claim

Größe:Die Größe des Claims ist auf 1 Y festgelegt.

Headlineabstand3/8 Y

Sublineabstand3/8 Y

Größe1 Y

ClaimSubline

Variabel

Sublinegröße x 1,3

7 Grad

–50 pt

TTAA

VA

Headline

Ist als Illustration zu betrachten und nicht abänderbar.

Zusammenfassung:

12

Imagekampagne, Szeneplakate

HeadlineDie 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.

Abstand zum Claim:Der Abstand von der Headline zum Claim beträgt 3/8 Y.

SublineAuch 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.

Abstand zum Claim:Der Abstand vom Claim zur Subline beträgt 3/8 Y.

Claim

Größe:Die Größe des Claims ist auf 1 Y festgelegt.

Headlineabstand3/8 Y

Sublineabstand3/8 Y

Größe1 Y

ClaimSubline

Variabel

Sublinegröße x 1,3

7 Grad

–50 pt

TTAA

VA

Headline

Ist als Illustration zu betrachten und nicht abänderbar.

Zusammenfassung:

13

Imagekampagne, alle Motive

Jede Headline ist einer Kampagnenfarbe zugeordnet:

14

Plakate und Szeneplakate: unzulässige Anwendungen

Anwendungen wie das Geradestellen, ein zu kleines/zu großes Einspiegeln oder Verwendung einer anderen Schrift oder nicht zugewiesenen Kampagnenfarbe sind nicht erlaubt:

15

Individualisierbare Werbemittel

AllgemeinesNeben der Anpassung der vorhandenen Plakate gibt es noch die Möglichkeit, Icons zu verwenden. Alle Headlines und Sublines werden immer in Weiß, zentriert und gerade in Versalien auf farbigen Fond gesetzt. Die Schrift darf links und rechts einen Abstand 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.

LayoutJe nach Textlänge und Icongröße wird das Layout entsprechend zwischen Layout-Oberkante und Handwerkslogo ausgemittelt.

ClaimNeben der gerade gesetzten Schrift wird hier auch der Claim gerade gestellt.

16

Individualisierbare Werbemittel

IconsDie Icons werden immer in Weiß auf eine der Kampagnen- farben gesetzt. Für Gewerke sind bis zu drei Icons einsetzbar.

PositionDie 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 Text-länge bzw. Iconbreite. Jedoch dürfen die maximalen Einspie-gelungshöhen und -breiten nicht überschritten werden.

Einsatz eines schmalen Icons Einsatz eines breiten Icons Einsatz von drei Icons eines Gewerks

Visualisierungsbeispiel

17

Individualisierbare Werbemittel

Individualisierbare ElementeEs ist möglich, einzelne Elemente zu individualisieren. Aus den vorgegebe-nen 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.

Individualisierbare Elemente sind weiß unterlegt.

Visualisierungsbeispiel

18

Headline

Schriftgröße:Die Schriftgröße ist frei wählbar, sie muss sich jedoch im Bereich von maximal 2 3/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. Abstand zum Claim:3/8 Y

Subline

Schriftgröße:Die Schriftgröße ist frei wählbar, sie muss sich jedoch imBereich 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.

Abstand zum Claim:Der Abstand vom Claim zur Subline beträgt 3/8 Y.

Claim

Größe:Die Größe des Claims ist auf 5/8 Y festgelegt.

Headlineabstand3/8 Y

Sublineabstand3/8 Y

Größe5/8 Y

ClaimSubline

Variabel

Sublinegröße x 1,3

0 Grad

–50 pt

TTAA

VA

Headline

Zusammenfassung:

Variabel

Headlinegröße x 1,05

0 Grad

–70 pt

TTAA

VA

Individualisierbare Plakate Visualisierungsbeispiel

19

Individualisierbare Plakate, Abmessungen

maximale Breite 6 Y

Visualisierungsbeispiel

20

Individualisierbare 1/3-Anzeigen, quer

Headline

Schriftgröße:Die Schriftgröße ist frei wählbar, sie muss sich jedoch imBereich 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. Abstand zum Claim:3/8 Y

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.

Abstand zum Claim:Der Abstand vom Claim zur Subline beträgt 3/8 Y.

Claim

Größe:Die Größe des Claims ist auf 3/4 Y festgelegt.

Headlineabstand3/8 Y

Sublineabstand3/8 Y

Größe3/4 Y

ClaimSubline

Variabel

Sublinegröße x 1,3

0 Grad

–50 pt

TTAA

VA

Headline

Zusammenfassung:

Variabel

Headlinegröße x 1,05

0 Grad

–70 pt

TTAA

VA

Visualisierungsbeispiel

21

Individualisierbare 1/3-Anzeigen, quer, Abmessungen

maximale Breite 7 Y

Visualisierungsbeispiel

22

Individualisierbare 1/3-Anzeigen, hoch

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. Abstand zum Claim:3/8 Y

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.

Abstand zum Claim:Der Abstand vom Claim zur Subline beträgt 3/8 Y.

Claim

Größe:Die Größe des Claims ist auf 1/2 Y festgelegt.

Headlineabstand3/8 Y

Sublineabstand3/8 Y

Größe1/2 Y

ClaimSubline

Variabel

Sublinegröße x 1,3

0 Grad

–50 pt

TTAA

VA

Headline

Zusammenfassung:

Variabel

Headlinegröße x 1,05

0 Grad

–70 pt

TTAA

VA

Visualisierungsbeispiel

23

Individualisierbare 1/3-Anzeigen, hoch, Abmessungen

maximale Breite 5 Y

Visualisierungsbeispiel

24

Individualisierbare DIN-A3-Anzeigen, hoch

Headline

Schriftgröße:Die Schriftgröße ist frei wählbar, sie muss sich jedoch imBereich 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. Abstand zum Claim:3/8 Y

Subline

Schriftgröße:Die Schriftgröße ist frei wählbar, sie muss sich jedoch imBereich 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.

Abstand zum Claim:Der Abstand vom Claim zur Subline beträgt 3/8 Y.

Claim

Größe:Die Größe des Claims ist auf 3/4 Y festgelegt.

Headlineabstand3/8 Y

Sublineabstand3/8 Y

Größe3/4 Y

ClaimSubline

Variabel

Sublinegröße x 1,3

0 Grad

–50 pt

TTAA

VA

Headline

Zusammenfassung:

Variabel

Headlinegröße x 1,05

0 Grad

–70 pt

TTAA

VA

Visualisierungsbeispiel

25

Individualisierbare DIN-A3Anzeigen, hoch, Abmessungen

maximale Breite 5 Y

Visualisierungsbeispiel

26

Handwerkslogo

KonturUm eine bessere Abgrenzung 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 A6, DIN A5Die Konturstärke beträgt 1 pt.

DIN A4Die Konturstärke beträgt 1,5 pt.

DIN A3 Die Konturstärke beträgt 2 pt.

18/1-Plakate, DIN A1, Medialightboard, City-Light-PosterDie Konturstärke beträgt 4 pt.

URLDie Handwerks-URL erhält ihren Platz rechts unter dem Logo, auf dem Grundlinienraster bündig zum „K“ des Handwerkslogos. Sie steht im Abstand 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.

Partnerlogo und URL

AbstandDas Partnerlogo und die Partner-URL stehen 1/2 Y vom Rand entfernt. Die Partner-URL steht immer im Abstand von1/2 Y linksbündig unter dem Logo auf dem Grundlinienraster. 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 A6Die Schriftgröße beträgt 9 pt.

DIN A5Die Schriftgröße beträgt 10,2 pt.

DIN A4Die Schriftgröße beträgt 12 pt.

DIN A3Die Schriftgröße beträgt 14,4 pt.

DIN A2Die Schriftgröße beträgt 19,2 pt.

DIN A1Die Schriftgröße beträgt 27 pt.

18/1-PlakateDie 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 Abstand 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 Abstand des Logos zum Rand zwischen 20 px und 30 px gewählt werden.

Call to Action:Gemäß der Handwerks-Guideline auf Seite 41/1.9 gelten dieselben Abmessungen. Der Schriftzug erhält dieselbe Farbe wie der Hintergrund.

Beispiel 300 x 600 px

28

Web

FarbkombinationenFür die Anwendung auf der Website sind sechs Farbkombinationen für die Hintergrund- bzw. Kachelfarbe definiert.

SchriftDie 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 Arial Regular zurückgegriffen werden.

Hintergrund Kachel

Dunkelrot Hellrot Orange Hellgrün Dunkelgrün Magenta

Orange Gelb Gelb Orange Hellgrün Gelb