Designrichtlinien productronica 2013

1. style guide
x
x
2
x
x
x 2
x
2
1

2. style guide
Inhaltsübersicht
das erscheinungsbild seite 3
bildmarke und branding seite 4
die bildmarke seite 5 – 7
das branding seite 8 – 14
der claim seite 15
farben und farbsystem seite 16 – 18
schrift und typografie seite 19 – 24
bilder und darstellungen seite 25 – 30
anwendungsbeispiele seite 31 – 36
auskünfte und kontakt seite 37
2

3. Märkte im Aufbruch, Messe mit einzigartiger Leitfunktion: productronica 2013, das ist die
ganze Welt innovativer Elektronikfertigung. Sie zeigt die gesamte Wertschöpfungskette mit
aufregend neuen Produkten und Anwendungen, fokussierten Technologie-Foren, topaktu-
ellen Trendthemen und Events besonderer Klasse.
Das Logo der productronica 2013 impliziert die Basisbereiche Bestückung, Automatisierung
und Baugruppenfertigung.
Es steht für Dynamik, Präzision, Vielfältigkeit und Aufschwung. Die Form schafft Unver-
wechselbarkeit und transportiert die primäre Ausrichtung: Innovation all along the line.
3

4. bildmarke und branding
Die Logotype der productronica 2013 setzt sich zusammen aus Bildmarke und Wortmarke.
Sie steht stellvertretend für die Messe und verbildlicht das Leistungsversprechen gegenüber
dem Kunden.
Der Umgang, die Pflege und ihr gezielter Einsatz in den Printmedien und den neuen Medien
ist für eine korrekte und spezifische Markenführung sehr wichtig. Auf den folgenden Seiten
werden die Anwendungsrichtlinien des Erscheinungsbildes erläutert.
4

5. die bildmarke
basics
farben
Übergreifende Kommunikationsidee des Logos ist die Matrix. Durch die
Idee der Matrix wurde die Möglichkeit eines übergeordneten Gestal-
tungsrasters geschaffen, der es erlaubt jeden Punkt im Raum zwei- und
dreidimensional zu definieren.
Als kleinstes Element der Bildmarke wurde die Form des stabilen, ro-
busten und technischen Quadrats gewählt, das in seiner vervielfältigten
Form eine Fläche im Raum beschreibt.
Durch die spezielle Anordnung der „massiven“ Quadrate entsteht eine
klar definierte Form, die, obwohl in sich stabil, gleichsam abzuheben
scheint.
5

6. die bildmarke
basics
farben
Die Bildmarke der productronica benötigt einen ausreichenden Freiraum. Er ergibt sich pro-
portional aus der jeweiligen Größe des Bildzeichens. Innerhalb dieses Raumes (Schutzzone)
dürfen keine anderen Gestaltungselemente, gleich welcher Art, platziert werden.
x
x
x
Die Bildmarke wird in Verbindung mit der Wortmarke eingesetzt.
6

7. die bildmarke
basics
farben
Die Bildmarke der productronica muss immer in der richtigen Form und den richtigen Farben reproduziert werden.
Jegliche Modifikationen und Zusätze sowie Verfälschungen sind nicht erlaubt.
Bei animierter und interaktiver Einbindung gelten die spezifischen Anwendungsparameter im Rahmen des Möglichen
und Vertretbaren. Die Anwendung der Marke in 3D und im Raum ist nicht Bestandteil dieses Style Guides.
Offsetdruck
4c oder 2c farbig
productronica Orange
Sonderfarben: Euroskala: Web: Hex:
HKS 6 K C: 0 % R: 255 #FF8C00
M: 45 % G: 140
Pantone 130 U Y: 100 % B: 0
K: 0 %
Offsetdruck schwarz- Bei der schwarzweißen Umsetzung des Logos entspricht
weiß Umsetzung das Orange einem Grauwert von 35 %.
Die farbverbindliche Umsetzung der Bildmarke ist zwingend.
Die Farbabstimmung der möglichen Abweichungen bei
Tintenplotts und spezialbeschichteten Papieren obliegt dem
verantwortlichen Produktioner.
7

8. das branding
basics
größen
farben
Die Kombination von Bildmarke und Wortmarke.
x x
x
x x
Die reine Wortmarke gliedert sich typografisch in zwei Elemente. Das Wort „productronica“
aus der reinen Satzschrift Frutiger (Linotype) bold und den Zusatz der Jahreszahl aus der
Frutiger light. x
Der Abstand zwischen Wort und Zahl wird durch die Breite des Buchstabens „N“ der Frutiger
light definiert. Die Versalhöhen beider Elemente sind optisch (!) angepasst.
Die Wortmarke wird immer rechts von der Bildmarke platziert. Die Höhe der Mittellänge
„x“ der Wortmarke ergibt sich aus der horizontalen Verlängerung der Eckpunkte der mitt-
leren rechten Raute des Bildzeichens. Hieraus definiert sich auch der vertikale Stand der
Wortmarke.
Der einzuhaltende Freiraum (Schutzzone) für die kombinierte Wort-/Bildmarke ergibt sich
aus der Fortführung der Bildmarkenvermaßungsvorgaben. Umseitig gilt jeweils derselbe
Wert (x) für ein homogenes Gesamtbild.
8

9. das branding
basics
größen
farben
Der Claim zur Logotype.
x x
x
x
2
x x x
Wird der Claim zur Logotype gesetzt, erweitert sich der einzuhaltende Freiraum (Schutzzone)
um den Wert x-Halbe nach unten. Die Größe des Claims entspricht der hälftigen Mittellänge
der Wortmarke. Beide Wörter ergeben hierdurch einen bündigen typografischen Block.
Der Claim wird in der Regel in productronica Orange gesetzt.
9

10. das branding
basics
größen
farben
Die Unterzeile in deutscher und englischer Schreibweise.
Die Unterzeile zum Logo ist in deutscher und englischer Schreibweise
eindeutig definiert.
Sie wird aus der Neuen Helvetica 53 Extended mit der Laufweite 40
gesetzt und linksbündig zur Wortmarke angeschlagen.
20. internationale leitmesse für
innovative elektronikfertigung
20th international trade fair for
innovative electronics production
10

11. das branding
basics
größen
farben
Die Größen der Logotype sind international gültig. Die vorliegenden Dateiformate sind in den verschiedenen Größen
optimiert. Es gelten die allgemeinen Bestimmungen für professionelle Umsetzung in den gängigen Druckverfahren
und den neuen Medien.
Der Einsatz des Logos im DIN A4 Format.
128,25 mm
Die empfohlene Größe der Logotype beträgt im klassischen A4-Format auf den Vorderseiten
128,25 mm in der Breite. In der Regel wird der Claim mit gesetzt.
99,6 mm
Auf Rückseiten im A4-Format wird das Logo mit einer Breite von 99,6 mm eingesetzt.
36 mm
∞
Die Minimalbreite der Logotype liegt bei 36 mm (für Offsetdruck) und geht maximal gegen unendlich.
11

12. das branding
basics
größen
farben
Die Farben der Logotype.
Die Wortmarke wird grundsätzlich in Schwarz gesetzt.
Als Hintergrundfarben, in denen das farbige wie das
schwarzweiße Logo eingesetzt werden dürfen, sind alle
Farben des productronica Farbsystems vorgesehen. Aus-
nahmen sind hierbei Schwarz und dunkelgraue Töne. Das
Logo wirkt auf hellen Farbtönen besser.
Die Wirkung des Logos ist auf weißem, neutralem Hinter-
grund am besten und sollte, wenn die Gestaltung dies zu-
lässt, bei ihrem Einsatz stets beachtet werden.
Auf fotografischem Hintergrund sollte das Logo nur dann
eingesetzt werden, wenn seine Erkennbarkeit gewährleistet
ist. Grundsätzlich sollte das Logo nicht auf kontrastreichen
Fotografien, sondern außerhalb eines Bildes platziert werden.
Eine invertierte Version des Logos existiert nur in Verbindung
mit der Farbe Orange.
Im Web, in Animationen und Filmen gilt die Farbregelung
gleichermaßen, allerdings muss für spezielle Stimmungen,
Hintergründe etc. die räumliche Wirkung bzw. die Kontras-
tierung des Logos in der Bewegung berücksichtigt werden.
Für unifarbene Sonderdrucke wie z.B. Werbeartikelaufdrucke
mit dem Logo gelten linksseitige Gestaltungsmöglichkeiten.
12

13. das branding
basics
größen
farben
Der Einsatz auf farbigem Hintergrund.
Anwendung Als Hintergrundfarben, in denen das Logo
erlaubt eingesetzt werden darf, sind alle Farben
des productronica Farbsystems vorgese-
hen. Ausnahmen sind hierbei Schwarz und
dunkelgraue Töne.
Das Logo wirkt auf hellen Farbtönen besser.
Die Wirkung der Marke ist auf weißem, neu-
tralem Hintergrund am besten und sollte,
wenn die Gestaltung dies zulässt, bei sei-
nem Einsatz stets beachtet werden.
Auf fotografischem Hintergrund sollte das
Logo nur dann eingesetzt werden, wenn
seine Erkennbarkeit gewährleistet ist.
Grundsätzlich sollte das Logo nicht auf kon-
trastreichen Fotografien, sondern außerhalb
eines Bildes platziert werden.
invertierte Sonderversion
Im Web, in Animationen und Filmen gilt die
Farbregelung gleichermaßen, allerdings
muss für spezielle Stimmungen, Hinter-
gründe etc. die räumliche Wirkung bzw. die
Kontrastierung des Logos in der Bewegung
Anwendung berücksichtigt werden.
nicht erlaubt
13

14. das branding
basics
größen
farben
Datenservice.
Alle Logos stehen auf der Mediendatenbank der Messe München in allen Formaten zum
Download zur Verfügung: www.productronica.com ➞ PRESSE ➞ FOTOS LOGOS
14

15. der claim
basics
größen
farben
Der Claim der productronica 2013.
Der Claim der productronica steht für die Ausrichtung der Messe.
Er wird immer in der Neuen Helvetica 63 Medium Extended gesetzt.
Der Claim sollte immer durch das productronica Orange akzentuiert
werden.
innovation all along the line
15

16. farben und farbsystem
Farben bilden in der Gestaltung und Wirkung der productronica
ein wichtiges Instrument zur Kodierung von Informationen und zur
Belebung des Gesamtbildes.
Die Farben der productronica wurden nach Farbwirkung des ge-
forderten Einsatzbereiches und harmonischen Verträglichkeitskrite-
rien abgestimmt und bilden ein logisches Farbsystem. Unter dem
Aspekt, Farben bewusst einzusetzen, wurde die Anzahl begrenzt.
Die hier vorgestellten Farben sind nur ein Teil des kompletten Farb-
systems – die Basisfarben.
16

17. farben und farbsystem
Die Primärfarben der productronica.
Die Grundfarben der productronica sind Orange, Weiß und Schwarz. Diese Farben sind Leitfarben.
Das Orange der productronica ist ein primäres Brand-Merkmal. Es wird neben der Farbigkeit der Bildmarke plakativ
und flächig in der Gestaltung eingesetzt und schafft dadurch eine starke Wiedererkennbarkeit.
Weiß gilt im Druckbereich nicht als Farbe, da Weiß die unbedruckte Fläche des Papiers ist. Weiß wird bei der productronica
als Gestaltungselement bewusst und stark eingesetzt, um dem Freiraum die notwendige Wirkung zu verschaffen.
Schwarz ist die Grundfarbe im Druckbereich und im eigentlichen Sinne keine Gestaltungsfarbe. Schwarz schafft in der
Gestaltung der productronica als Klammer zwischen Orange und Weiß das nötige Fundament.
productronica Orange
Sonderfarben: Euroskala: Web: Hex:
HKS 6 K C: 0 % R: 255 #FF8C00
M: 45 % G: 140
Pantone 130 U Y: 100 % B: 0
K: 0 %
schwarz
Euroskala:
C: 0 %
M: 0 %
Y: 0 %
K: 100 %
weiß
Euroskala:
C: 0 %
M: 0 %
Y: 0 %
K: 0 %
17

18. farben und farbsystem
Die Sekundärfarben der productronica.
Um die Typisierung der productronica so prägnant wie möglich zu halten, wurde bewusst auf ein breites Angebot von
Schmuckfarben verzichtet. Es steht die ganze Bandbreite der Grautöne von 0% bis 100% Schwarz zur Verfügung.
Bevorzugt wird auch die Verwendung von Grautönen mit Transparenzen in der Gestaltung.
Als Veredelungsfarbe ist Silber vorgesehen und auch die Farbpalette der Pantone Cool Gray Sonderfarben.
Ferner wird partiell mit Drucklack oder Blindprägungen veredelt. Buntheit wird durch den Einsatz von Fotografien erzeugt.
productronica Silber
Sonderfarbe:
Pantone 877
grau_K: 5 % grau_K: 10 % grau_K: 15 %
grau_K: 20 % grau_K: 25 % grau_K: 30 %
grau_K: 35 % grau_K: 40 % grau_K: 45 %
grau_K: 50 % grau_K: 55 % grau_K: 60 %
grau_K: 65 % grau_K: 70 % grau_K: 75%
grau_K: 80 % grau_K: 85 % grau_K: 90 %
18

19. schrift und typografie
Das Schriftprogramm der productronica prägt maßgeblich das Er-
scheinungsbild und unterstützt in besonderer Weise das Branding.
Die Wahrnehmung des Betrachters wird durch die Wahl der Schrift
respektive ihrer formalen Qualitäten beeinflusst.
Die Wahl der Schriftart, typografische Prinzipien und deren Einfluss
auf Lesbarkeit und optimale Übermittlung der fachspezifischen Infor-
mationen werden auf den nächsten Seiten dargelegt und erläutert.
19

20. schrift und typografie
Das Schriftprogramm der productronica.
Die Schrift der productronica ist die Neue Helvetica.
Im Jahr 2007 feierte die „normale“ Helvetica ihr 50-jähriges Bestehen und wurde unter anderem durch einen dokumentarischen Kino-Film
gewürdigt. Darüber hinaus widmete das New Yorker Museum of Modern Art der Schrift eine Ausstellung und es erschien ein Buch über
ihre Entstehungsgeschichte.
1983 entwarf die D. Stempel AG für die Linotype AG die Schriftfamilie Neue Helvetica. Dafür wurden die historisch gewachsenen und
nicht immer zueinander passenden Schnitte neu gezeichnet und besser aufeinander abgestimmt. In der Postscript-Version besteht die
Schriftfamilie heute aus 51 Schnitten.
Die Neue Helvetica ist eine serifenlose Linearantiqua mit klassizistischem Charakter.
Sie besticht durch ihre sachliche Klarheit und Nüchternheit und passt deswegen hervorragend zum Gestaltungsbedarf der productronica.
Mit den bevorzugten Schriftschnitten 43 Light Extended, 63 Medium Extended, 45 Light, 65 Medium, 75 Bold und 53 Extended lassen
sich alle Gestaltungsaufgaben lösen. Obwohl die Neue Helvetica sehr stark verbreitet ist, schafft gerade das Wechselspiel dieser speziellen
Schriftschnitte aus der Schriftfamilie der Neuen Helvetica den speziellen, prägenden productronica Stil.
Grundsätzlich darf auf der typografischen Sekundärebene soweit notwendig aber auch auf andere Schriftschnitte zurückgegriffen werden
(vgl. Diagramme etc.).
Im Internet kommt die Helvetica (bzw. Arial) zum Einsatz.
20

21. schrift und typografie
Das Schriftprogramm der productronica.
Für Headlines kommen zum Einsatz:
neue helvetica
43 light extended
neue helvetica
63 medium extended
Für Copytexte kommen zum Einsatz:
Neue Helvetica 45 light
Neue Helvetica 65 medium
Neue Helvetica 75 bold
Für Spezifikationen und Hervorhebungen:
neue helvetica 53 extended
21

22. schrift und typografie
Die Standardgrößen der Neuen Helvetica.
Mit den Vorgaben für die Standardgrößen können die Gestaltungsaufgaben in
den verschiedenen Formaten zufriedenstellend abgedeckt werden.
Titelseiten:
exhibitor factsheet
Headlinebeispiel, Neue Helvetica 63 Medium Extended
20 pt, ZA 25 pt, LW 20
Innenseiten:
innovationen beginnen auf der productronica
Headlinebeispiel, Neue Helvetica 43 Light Extended
20 pt, ZA 25 pt, LW 0
Copytext normal Eliquip el dolorper ipisi blan veraessisim dit aci tat, susto core dolorpero
odolorp eriure vulputat. Ut augiamet, sent am incing er adip estrud esequatio con henibh enit
Copytext normal, Neue Helvetica 45 Light, 8,5 pt, ZA 12 pt, LW 20, Blocksatz
Copytext bold Eliquip el dolorper ipisi blan veraessisim dit aci tat, susto core dolor-
pero odolorp eriure vulputat. Ut augiamet, sent am incing er adip estrud esequatio
Copytext bold, Neue Helvetica 75 Bold, 8,5 pt, ZA 12 pt, LW 20, Blocksatz
Copytext medium Eliquip el dolorper ipisi blan veraessisim dit aci tat, susto core do-
lorpero odolorp eriure vulputat. Ut augiamet, sent am incing er adip estrud esequatio
Copytext medium, Neue Helvetica 65 Medium, 8,5 pt, ZA 14 pt, LW 20, Blocksatz
Lorem ipsum dolor sit amet, consetetur sadipscing
Sublines, Neue Helvetica 43 Light Extended, 11,5 pt, ZA 13,8 pt, LW 20
22

23. schrift und typografie
Exemplarisches Anwendungsbeispiel Typografie.
Lorem ipsum dolor sit amet Headline, Neue Helvetica 43 Light Extended
20 pt, ZA 25 pt, LW 0
Zukunft, Wachstum, Highlight: Cuptas dis voluptam quam sequo modic tem faccus Copytext, Neue Helvetica 65 Medium,
ducienim as aut laboriam volo blat.Offic totatium idi dit optatur. Parcipi duciunto 8,5 pt, ZA 14 pt, LW 20, Blocksatz
dolorit re porit laboria nonsenihicid magnim eum cus arit quis dolendi cuscia quam
voluptatem faccabore vendendel et alic to int quam.
Sinveriant volore cumet delesed moditat as remporestem conem quiatem porehent
qui nectinv ellente core dissunt apelicias expero vellor alignim repraerum quis aut
dolupit aut in con explabore eium quae.
Lorem ipsum dolor sit amet Subline, Neue Helvetica 43 Light Extended,
consetetur sadipscing elitr 11,5 pt, ZA 13,8 pt, LW 20, Blocksatz
Verio tessit faceptas illuptat laceruptae magnam imust atiberem Copytext normal, Neue Helvetica 45 Light,
vollabo. Et molorehendae sim re escienis sed ulparunditi sumqui 8,5 pt, ZA 12 pt, LW 20, Blocksatz
idebis estis et liciumquae dolessi molectur as nest que renim sum
ium re, quatis dernat volorrum fugiam, sam volore ni natureperunt
lantiae est, nonecus animill oriosant hicium dolesed ut ulla aut eos
apedipid et evel et quiatium reptat ero bea vendita doluptassim
rem at undae rero et invenda eruptam as ea v
Erfolgszahlen in 2011
Flächige Unterlegungen
68 Aussteller
in Grau oder Orange
7.234 Besucher (19 % aller Besucher)
(Neu seit 2011)
23

24. schrift und typografie
Das Schriftprogramm der productronica für Anwendungen im Internet.
Ergänzend zu den regulären extended-Schriftschnitten der Neuen Helvetica im Printbereich wird bei Formaten
im Internet auf die normalen Schnitte der Arial zurückgegriffen. Die Laufweiten werden diesbezüglich ebenfalls
modifiziert.
Für übergeordnete Bereiche und Dachinformationen sollte allerdings immer die Originalschrift als Grafik eingebaut
werden, um ein einheitliches Schriftbild zu garantieren.
Beispiel Online-Newsletter
24

25. bilder und darstellungen
Als Bild wird bei der productronica Gestaltung das gesamte Material bezeichnet, das über keine
ausschließliche Textinformation verfügt. Dazu gehören Fotografien, Piktogramme, Illustrationen,
Diagramme, Tabellen und jegliche andere Art von Grafiken.
Die klare Vermittlung von Inhalten durch Form und Farbe sowie die emotionale Färbung eines
Bildes sind die formalen Grundkriterien für dessen Einsatz.
In der Grundgestaltung der productronica dient das Bild sowohl der prägnanten, sachlichen
und präzisen Übermittlung von Information als Ergänzung zu einer aussagekräftigen Typografie
als auch als imagebildendes Element.
25

26. bilder und darstellungen
Grafische Basiselemente.
In der Gestaltung kommen sekundäre grafische Gestaltungsmittel zum Einsatz, die den Gestaltungsstil der productronica maßgeblich
prägen, ihn abrunden und ergänzen. Der Einsatz dieser Gestaltungsmittel zieht sich durch alle Kommunikationsmittel.
Gewinkelte Linie mit Abschlußring –
das „Igelelement“.
Zielführend zu Headlines oder in Verbindung
mit anderen Elementen im Einsatz.
Gewinkelte Linien randabfallend.
Flächige Unterteilung –
optional z.B. bei Titelseiten oder Anzeigen.
26

27. bilder und darstellungen
Grafische Basiselemente.
Der „on-Button“.
Das „Hintergrundelement“ –
ganzflächig oder im Anschnitt eingesetzt.
27

28. bilder und darstellungen
Die Qualität der Bildsprache.
Bilder, Bildinhalte und Darstellungen erfüllen in der productronica Gestaltung eine eindeutige Funktion: Sie sind sichtbarer Ausdruck der
Markenpersönlichkeit. Sie stimmen auf Themen ein, begleiten Texte und vermitteln Inhalte. Die Rollenverteilung zwischen Bild und Text
ist klar definiert: Das Bild unterstützt den Textinhalt und hat einen eindeutigen Bezug zum Thema. Die Qualität der Bildsprache für diese
Weltleitmesse ist gehoben und in der Farbigkeit mehrerer Bilder immer optisch so abgestimmt, dass ein harmonischer, ganzheitlicher
und eleganter Gesamteindruck entsteht.
28

29. bilder und darstellungen
Die Qualität der Bildsprache.
29

30. bilder und darstellungen
Die Qualität der Bildsprache.
30

31. anwendungsbeispiele
Dach-Factsheet 2013 (Auszug).
31

32. anwendungsbeispiele
Dach-Factsheet 2013 (Auszug).
32

33. anwendungsbeispiele
Segmentflyer 2013 (Auszug).
33

34. anwendungsbeispiele
Segmentflyer, diverse Titelseiten 2013.
34

35. anwendungsbeispiele
Preisblatt 2013 (Auszug).
35

36. anwendungsbeispiele
Ganzseitige Anzeigenmotive (Auszug).
for electronic manufacturing
for electronic manufacturing
messe münchen messe münchen
20. weltleitmesse für 20. weltleitmesse für
12. – 15. november 2013 12. – 15. november 2013
www.productronica.com innovative elektronikfertigung www.productronica.com innovative elektronikfertigung
for electronic manufacturing
for electronic manufacturing
messe münchen messe münchen
20. weltleitmesse für 20. weltleitmesse für
12. – 15. november 2013 12. – 15. november 2013
www.productronica.com innovative elektronikfertigung www.productronica.com innovative elektronikfertigung
36

37. style guide
Dokumentation der Gestaltungsgrundsätze der productronica. Für den internen Gebrauch
und als Vorgabe für das Briefing von externen Anwendern. Änderungen vorbehalten.
Bei Rückfragen wenden Sie sich bitte an: design@productronica.com
productronica 2013
Oktober 2012