Top Banner
1 Stand 16.03.17 Design-Handbuch
28

Design-Handbuch - Werbemittelportal · 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,

Sep 11, 2019

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 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