CORPORATE DESIGN MANUAL

Transkript

1 CORPORATE DESIGN MANUAL Gestaltungsrichtlinien für den HHLA-Konzern HHLA Holding und HHLA-Tochterunternehmen Stand 08/2015 Hamburger Hafen und Logistik AG Unternehmenskommunikation / Visuelle Kommunikation

2 HHLA Corporate Design Manual Gestaltungskonstanten Kapitel 1 Logo 1.1 Logo Holding Logostruktur... Seite Logo Holding Vermaßung... Seite Logo Holding Einsatz... Seite Logo Segmente Vermaßung... Seite Logo Tochterunternehmen Vermaßung... Seite Logo Tochterunternehmen Übersicht... Seite Logo Tochterunternehmen Sonderfälle Vermaßung... Seite Logo Tochterunternehmen Sonderfälle Übersicht... Seite Logo Farbvarianten... Seite Logo Unzulässige Anwendungen Holding... Seite Logo Unzulässige Anwendungen Tochterunternehmen... Seite 13 Kapitel 2 Farben 2.1 Farben Hausfarben... Seite Farben Hausfarben Primärfarben... Seite Farben Hausfarben Farbstufen... Seite Farben Hausfarben Sekundärfarben... Seite 17 Anwendungen Kapitel 4 Beschilderung 4.1 Beschilderung Klartext... Seite Beschilderung Klartext Anwendungsbeispiel... Seite Beschilderung Logo Anwendungsbeispiel... Seite 27 Kapitel 5 PowerPoint-Präsentationen 5.1 PowerPoint Präsentation Titelfolie... Seite PowerPoint Präsentation Innenfolien... Seite 38 Kapitel 6 Personalanzeigen 6.1 Personalanzeigen Online (RGB)... Seite Personalanzeigen Print (CMYK)... Seite Personalanzeigen Print (SW)... Seite 42 Kapitel 7 Werbemittel Einleitung Das Corporate Design ist ein zentrales Element der Unternehmensidentität und prägt die visuelle Wahrnehmung eines Unternehmens nach innen und nach außen. Das Zusammenspiel der Designelemente Logo, Farbe und Typografie bildet die Grundlage des Erscheinungsbildes, das den Kern des Unternehmens widerspiegelt und dazu beiträgt, dessen Image zu visualisieren. Auf den folgenden Seiten dieses Manuals werden alle wichtigen Informationen und Regeln für den korrekten Umgang mit den Gestaltungselementen des HHLA- Corporate-Designs übersichtlich und bebildert aufgezeigt. Die ersten drei Kapitel des Manuals erklären und definieren die einzelnen Bausteine des visuellen Auftritts. Ab dem vierten Kapitel wird die Funktionsweise des Erscheinungsbilds durch konkrete Anwendungsbeispiele veranschaulicht. Kapitel 3 Typografie 3.1 Typografie Professionelle Printmedien... Seite Typografie Professionelle Printmedien Anwendungsbeispiel... Seite Typografie Digitale Medien und Dokumente... Seite Typografie Digitale Medien und Dokumente Anwendungsbeispiel... Seite 23 Zeichenerklärung Wichtig Achtung 7.1 Werbemittel Beispiele... Seite 43 Kapitel 8 Spezial-Logos (besondere Einsatzbereiche) 8.1 Spezial-Logo Holding-Firmierung Vermaßung... Seite Spezial-Logo Holding-Firmierung Einsatz... Seite Spezial-Logo Holding, 1C (Vollton)... Seite Spezial-Logo Tochterunternehmen, 1C (Vollton)... Seite Spezial-Logo Umwelt-Signet... Seite 50 Die Gestaltungsregeln betreffen die HHLA Holding, die Segmente und die Tochterunternehmen und sind somit für alle Mitarbeiterinnen und Mitarbeiter im HHLA-Konzern verbindlich. Die Richtlinien gelten sowohl für die interne als auch für die externe Kommunikation. Um einen einheitlichen visuellen Auftritt des Konzerns zu gewährleisten, ist es notwendig, diese Vorgaben einzuhalten. Bei Unklarheiten in der praktischen Anwendung sollte die HHLA-Unternehmenskommunikation zurate gezogen werden: corporatedesign@hhla.de 2

3 1.1 Logo Holding Logostruktur Logo Holding Logostruktur Management-Holding Ebene 1 Operative Einheiten (Tochterunternehmen) Ebene 3 Segmente (Geschäftsfelder) Ebene 2 Die Konzernstruktur der Hamburger Hafen und Logistik AG (HHLA) gliedert sich in drei Ebenen: 1. Ebene: Management-Holding 2. Ebene: Segmente (Geschäftsfelder) 3. Ebene: operative Einheiten (Töchter) Diese Struktur wird durch die unterschiedlichen Farbelemente im HHLA-Logo sichtbar gemacht. Download des HHLA-Logos als hochaufge löste JPG-Dateien im HHLA-Intranet unter: Schnell- Navigation > Kommunikationsvorlagen 3

4 1.1 Logo Holding Vermaßung Logo Holding 8X 29.5X X Auf weißem Fond Je nach Bedarf und Druckverfahren liegt das Logo in den Farbvarianten (Farbmodi) 3c / 4c / 5c vor. 1 Vermaßung Logo Holding 8X 8X 8X X Schutzzone 2 = 8X 24.5X Schutzzone 1/ Passepartout = 1X Schutzzone 2 = 8X X 2X X 8X X X Das Logo darf in der Anwendung eine Höhe von 4 mm nicht unterschreiten. Gemessen wird die Logohöhe von 8X. Schutzzone 1 (Passepartout) wird dabei nicht berücksichtigt. Das Logo der HHLA unterliegt einer strikten Vermaßung und darf bei der Reproduktion in seinen Proportionen nicht verändert werden. Das Logo wird von zwei Schutzzonen umgeben, die eine räumliche Präsenz der Marke gewährleisten sollen. Schutzzone 1 orientiert sich am kleinsten Logo-Element und definiert das Minimum an Abstand, den andere Elemente zum Logo einhalten müssen. Schutzzone 2 entspricht der Logo-Höhe und beschreibt den optimalen Freiraum, der um die Marke eingehalten werden soll. Schutzzone 2 ist bei der Gestaltung professioneller Medien maßgeblich! (Die Einhaltung der Schutzzonen besitzt ebenfalls bei den Logos der HHLA-Tochterunternehmen Gültigkeit!) 1.5X 15.5X Download des HHLA-Logos als hochaufge löste JPG-Dateien im HHLA-Intranet unter: Schnell- Navigation > Kommunikationsvorlagen 4

5 1.1 Logo Holding Einsatz Logo Holding 8X 29.5X X Auf hellen und ruhigen Hintergründen Auf hellen, einfarbigen Flächen und ruhigen Hintergründen findet das Logo ohne Passepartout Anwendung. Ein ausreichender Kontrast zwischen Logo und Hintergrund muss sichergestellt sein. 1 Anwendung ohne Passepartout nur bei ausreichendem Kontrast zwischen Logobestandteilen und Hintergrund. Logo Holding Passepartout Einsatz 10X X 8X 31.5X X Das Logo darf in der Anwendung eine Höhe von 4 mm nicht unterschreiten. Gemessen wird die Logohöhe von 8X. Schutzzone 1 (Passepartout) wird dabei nicht berücksichtigt. Auf dunklen und unruhigen Hintergründen Auf dunklen und unruhigen Hintergründen findet das Logo mit Passepartout Anwendung. Diese Version darf nur verwendet werden, wenn der Hintergrund nicht verändert werden kann oder darf. Das Logo muss in allen Anwendungen gut sichtbar sein. In Printmedien darf es grundsätzlich nur auf hellen und ruhigen Hintergründen ohne Passepartout verwendet werden. In Ausnahmefällen und bei der Platzierung auf unruhigen oder dunklen Hintergründen findet die Logoversion mit weißem Passepartout Anwendung. Jede Anwendung muss gewährleisten, dass sich die Farben und die Bestandteile des Logos klar vom Hintergrund abzeichnen und das Logo in seiner Wahrnehmung nicht beeinträchtigt wird. Download des HHLA-Logos als hochaufgelöste JPG-Dateien im HHLA-Intranet unter: Schnell-Navigation > Kommunikationsvorlagen 5

6 1.2 Logo Segmente Vermaßung Logo Zwischenholding / Segmente 24.5X 24.5X Auf weißem Fond Y Y A 1 Die Segment-Bezeichnungen werden in der A Schrift Neue Helvetica 95 Black mit einer Laufweite von -30 gesetzt. Der definierte Bereich (A) dient als Vermaßungsgrundlage und orientiert sich an den Schriftachsen der HHLA-Lettern. Logo Zwischenholding Segmentname Überblick Das Logo darf in der Anwendung eine Höhe von 4 mm nicht unterschreiten. Gemessen wird die Logohöhe von 8X. Die Schutzzone 1 (Passepartout) wird dabei nicht berücksichtigt. Segmente Die Markenauftritte der Segmente (Geschäftsfelder) erwachsen aus dem Logo der HHLA Holding, bei dem sich die zweite Ebene (roter Logobaustein) mit Inhalt füllt. Der Segmentename wird in einem definierten Abstand und einer definierten Größe im roten Logobaustein platziert. Der Segmentename wird in Weiß gesetzt. 6

7 1.3 Logo Tochterunternehmen Vermaßung Logo Tochterunternehmen Firmenname 24.5X 24.5X Auf weißem Fond Y Y A 1 Firmennamen von Tochterunternehmen werden A in der Schrift Neue Helvetica 95 Black mit einer Laufweite von -30 gesetzt. Der defi nierte Bereich (A) dient als Vermaßungsgrund lage und orientiert sich an den Schriftachsen der HHLA-Lettern. Logo Tochterunternehmen Firmenkürzel 24.5X 24.5X Firmenkürzel von Tochterunternehmen werden Y B Y B in der Schrift Neue Helvetica 95 Black mit einer Laufweite von -40 gesetzt. Der eingezeichnete Bereich (B) dient als Vermaßungsgrundlage und orientiert sich an den Schriftachsen der HHLA-Lettern. Das Logo darf in der Anwendung eine Höhe von 4 mm nicht unterschreiten. Gemessen wird die Logohöhe von 8X. Die Schutzzone 1 (Passepartout) wird dabei nicht berücksichtigt. Tochterunternehmen Logos der Tochterunternehmen erwachsen aus dem Logo der HHLA Holding, bei dem sich die dritte Ebene (silberner Logobaustein) mit Inhalt füllt. Der Firmenname / das Firmenkürzel wird in einem definierten Abstand und einer definierten Größe im silbernen Logobaustein platziert. Der Firmenname / das Firmen kürzel wird in HHLA-Blau gesetzt. Download der Tochter-Logos als hochaufgelöste JPG-Dateien im HHLA-Intranet unter: Schnell-Navigation > Kommunikationsvorlagen 7

8 1.3 Logo Tochterunternehmen Übersicht Logo Tochterunternehmen Standard (alphabetische Reihenfolge) 1 Download der Tochter-Logos als hochaufgelöste JPG-Dateien im HHLA-Intranet unter: Schnell-Navigation > Kommunikationsvorlagen 8

9 1.4 Logo Tochterunternehmen Sonderfälle Vermaßung Logo Tochterunternehmen (Sonderfall) Herleitung 1 Logo Tochterunternehmen Firmenname (Sonderfall) Auf weißem Fond Zentriert B Logo Tochterunternehmen Firmenkürzel (Sonderfall) 2X 24.5X Y Zentriert B C Firmennamen von Tochterunternehmen werden in der Schrift Neue Helvetica 95 Black in Versalien mit einer Laufweite von -40 gesetzt. Die Versalhöhe (B) orientiert sich an den Schriftachsen der HHLA-Lettern. Auf weißem Fond Firmenkürzel von Tochterunternehmen wer den in der Schrift Neue Helvetica 85 Heavy mit einer Laufweite von -40 gesetzt. Die Versalhöhe (C) orientiert sich an den Schriftachsen der HHLA-Lettern. Tochterunternehmen Sonderfälle Unter den Logos der HHLA-Tochterunternehmen gibt es einige Sonderfälle, deren Architektur (Aufbau) sich dennoch dem definierten Logosystem der HHLA unterordnet. Analog dem Standard-Logo für Tochterunternehmen füllt sich die dritte Ebene (silberner Logobaukasten) mit Inhalt. Der Firmenname / das Firmenkürzel wird in einem definierten Abstand und einer definierten Größe im silbernen Baustein platziert. Der vordere Logobaustein mit den HHLA-Lettern wird abgeschnitten das verbleibende blaue Element zitiert dabei die Holding diskret. Download der Tochter-Logos als hochaufgelöste JPG-Dateien im HHLA-Intranet unter: Schnell-Navigation > Kommunikationsvorlagen 9

10 1.4 Logo Tochterunternehmen Sonderfälle Übersicht Logo Tochterunternehmen Sonderfälle (alphabetische Reihenfolge) Bereich Consulting Segment Intermodal 1 Tochterunternehmen Markenzusatz Markenzusatz Standard Bei kleinen Anwendungen wie z. B. Geschäftspapiere Zur Stärkung des Leistungsangebots und der Kapazitäten und Erhöhung der Bekanntheit des HHLA-Konzerns wird den visuellen Auftritten einiger Tochterunternehmen mit Logosonderfall der Verweis HHLA Group Member hinzugefügt. Für eine mediengerechte Anwendung gibt es den Markenzusatz in zwei Versionen: Bei großformatigen Medien (z. B. Gerätschaften, Banner etc.) findet die Version mit farbigen HHLA-Logo Anwendung. Bei kleinen Medien (z. B. Geschäftspapiere, Mailing etc.) wird die einfarbige Textlösung eingesetzt. Download der Tochter-Logos als hochaufgelöste JPG-Dateien im HHLA-Intranet unter: Schnell-Navigation > Kommunikationsvorlagen 10

11 1.5 Logo Farbvarianten Logo in 1C (Graustufen) 4 mm 85 % Schwarz 65 % Schwarz 32 % Schwarz Bei einfarbigen Druck-Erzeugnissen kommt grundsätzlich die Graustufenversion zum Einsatz, sofern das Druckverfahren eine Rasterung zulässt. Mindestgröße der Logos: 4 mm (Höhe). 1 4 mm Um den Charakter des Logosystems zu wahren, werden die farbigen Bestandteile der Logos in Graustufen übersetzt. Die Graustufen bestehen aus drei verbindlichen Schwarz-Rastertönen: Dunkelgrau = 85 % Schwarz Mittelgrau = 65 % Schwarz Hellgrau = 32 % Schwarz 4 mm 85 % Schwarz Logofarbvarianten Einfarbige Logovarianten finden vorwiegend in gerasterten Schwarztönen oder Silbertönen Anwendung. Der Einsatzbereich sind einfarbi ge Druck-Erzeugnisse. Für Ausnahmefälle 4 mm wie Fax-Print, Gravuren, Heiß- und Kaltfolienprägungen etc. liegt eine gesonderte Logoversion vor (Siehe Kap. 8, Seite 43/44). 11

12 1.6 Logo Unzulässige Anwendungen Holding Unzulässige Logoanwendungen Holding Logoelemente dürfen nicht in ihrer Proportion verändert werden. Logo darf nicht verzerrt werden. 1 Farben einzelner Logoelemente dürfen nicht verändert werden. Logo darf nicht gedreht, gekippt oder gespiegelt werden. Logo darf nicht im Anschnitt sitzen oder beschnitten werden. Logo darf nicht auf ähnliche Farben ohne Passepartout gesetzt werden. Falscher Einsatz des HHLA-Logos Das Logo oder seine einzelnen Bestandteile dürfen auf keine Art und Weise verändert werden. Die Form, die Proportionen und die Farbigkeit sind unantastbar. Das HHLA- Logo steht grundsätzlich auf weißem Untergrund. Alternativ darf das Logo auf Grau, Silber oder hellen, einfarbigen Hintergründen platziert Logo darf nicht ohne Passepartout auf unruhigen Hintergründen platziert werden. Passepartout-Größe darf nicht geändert werden. Unterzeile darf nicht vom Logo gelöst eingesetzt werden. werden. Bei dunklen oder unruhigen Hintergründen kommt die Passepartout-Variante zum Einsatz. 12

13 1.6 Logo Unzulässige Anwendungen Tochterunternehmen Unzulässige Logoanwendungen Tochterunternehmen Firmenkürzel / Firmenname darf nicht skaliert werden. Firmenkürzel / Firmenname darf nicht farblich verändert werden. 1 Logo darf nicht ohne Passepartout auf dunkle oder unruhige Untergründe gestellt werden. Firmenkürzel / Firmenname bzw. einzelne Logobausteine dürfen nicht ohne den Logobaustein Holding stehen. Falscher Einsatz des Firmenkürzels / Firmennamens Bestandteile des Logos dürfen nicht in ihrer Position und Anordnung verändert werden. Firmenkürzel / Firmenname darf nicht ohne Fond (Baustein) eingesetzt werden. Die Logos der Tochterunternehmen oder deren einzelne Bestandteile dürfen auf keine Art und Weise verändert werden. Die Form, die Proportionen, die Farbigkeit und die Größenverhältnisse der Elemente zueinander sind unantastbar. Die Logos stehen grundsätzlich auf weißem Untergrund. Alternativ dürfen die Logos auf Grau, Silber oder hellen, einfarbigen Hintergründen platziert werden. Bei dunklen oder unruhigen Hintergründen kommt die Passepartout-Variante zum Einsatz. 13

14 2.1 Farben Hausfarben HHLA-Hausfarben 2 HHLA-Blau HHLA-Rot HHLA-Silber / HHLA-Grau Hausfarben der HHLA Blau, Rot, Silber / Grau sind die Hausfarben der HHLA. Für den korrekten Einsatz und die farbechte Wiedergabe der jeweiligen Logos ( Holding, Segmente, Tochterunternehmen) in den vielfältigen Medien liegen diese Farben in unterschiedlichen Farbsystemen / Farb modi vor. Download des HHLA-Logos als hochaufgelöste JPG-Dateien im HHLA-Intranet unter: Schnell-Navigation > Kommunikationsvorlagen 14

15 2.1 Farben Hausfarben Primärfarben Primärfarben Hauptfarben Pantone 280 (Schmuckfarbe) CMYK 100 / 78 / 12 / 0 Näherungsfarben Web # RGB 0 / 34 / 105 HKS 42 RAL 5002 Ultramarinblau Hauptfarben CMYK 0 / 0 / 0 / 0 Primärfarben Lack HHLA-Blau Weiß Näherungsfarben Web #FFFFFF RGB 255 / 255 / 255 RAL 9016 Verkehrsweiß HHLA-Blau-Gerätschaften für Großgeräte (Containerbrücken, Portalkräne, Bahnkräne) RAL 5017 Verkehrsblau Hauptfarben Pantone 200 (Schmuckfarbe) CMYK 17 / 100 / 75 / 0 Näherungsfarben Web #c20430 RGB 194 / 4 / 48 HKS 15 RAL 3002 Karminrot HHLA-Rot Schwarz Hauptfarben CMYK 0 / 0 / 0 / 100 (Standard) CMYK 40 / 30 / 0 / 100 (Tiefschwarz) Näherungsfarben Web # RGB 0 / 0 / 0 RAL 9005 Tiefschwarz HHLA-Blau-Rangierloks für dieselbetriebene Rangierloks RAL 5002 Ultramarinblau HHLA-Silber / HHLA-Grau Hauptfarben Pantone 877 (Schmuckfarbe) CMYK 26 / 21 / 21 / 0 Näherungsfarben Web #8a8d8e RGB 138 / 141 / 142 HKS 99 Silber RAL 7042 Verkehrsgrau A Pantone Cool Gray 7 (Uncoated) (für Beschilderungen) Graustufe: 32 % Schwarz HHLA-Grau-Hausfassaden für Gebäudefassaden RAL 9007 Graualum. (Standard) RAL 9006 Weißalum. (Alternative) (Alternative für weniger repräsentative Objekte) HHLA-Grau-Baudetails für Baudetails (z. B. Zargen) RAL 7042 Verkehrsgrau A HHLA-Silber-Streckenloks für strombetriebene Streckenloks RAL 9007 Graualuminium Näherungsfarbe im Digitaldruck: Bei Digitaldruck-Medien, die bei dem Dienstleister Albert Bauer Companies auf der HP Indigo Digital Press produziert werden, wird der Farbton HHLA-Silber/Grau durch die Sonderfarbe Pantone Cool Gray 9 ersetzt. Lackierung von Gerätschaften im RAL-Farbsystem: Der RAL-Blauton zur Lackierung von HHLA- Gerätschaften ist abweichend zum allgemeinen Blauton des HHLA-Logos (RAL 5002 Ultramarin blau) einige Nuancen heller mit RAL 5017 Verkehrsblau definiert, da RAL 5017 Verkehrsblau wetter- und UV-beständiger ist. 2 Primärfarben Das Primär-Farbspektrum der HHLA besteht neben den Hausfarben Blau, Rot und Silber / Grau zusätzlich aus Schwarz und Weiß. Diese Hauptfarben finden in unterschiedlichen Farbsystemen Verwendung: als Schmuckoder Sonderfarbe (Pantone), für Vierfarbdrucke (CMYK), für Bildschirmanwendungen (RGB). Der definierte Pantone-Farbton bildet die Referenz, dem sich die ergänzenden Farbsysteme bestmöglich annähern. Eine farblich exakte Übereinstimmung der Farbsysteme ist aufgrund kleinerer Farbspektren (z. B. RAL- System) nicht immer zu erreichen. Die Bildschirmdarstellung im RGB-Farbraum kann, je nach Kalibrierung des Monitors, ebenfalls farblich von der Referenz geringfügig ab weichen. (Bezug der RGB-Farbtöne: srgb IEC ) 15

16 2.1 Farben Hausfarben Farbstufen Primärfarben Farbstufen Primärspektrum HHLA-Blau 100 % Pantone 280 RGB 0 / 34 / 105 RGB 65 / 71 / 126 RGB 112 / 113 / 164 RGB 183 / 181 / 209 RGB 231 / 229 / 240 CMYK 100 / 78 / 12 / 0 Web # HHLA-Rot 100 % 80 % 80 % 60 % 60 % Pantone 200 RGB 194 / 4 / 48 RGB 213 / 81 / 85 RGB 230 / 128 / 125 RGB 246 / 191 / 187 RGB 254 / 233 / 233 CMYK 17 / 100 / 75 / 0 Web #c20430 HHLA-Silber 30 % 30 % 10 % 10 % Bei der Gestaltung von Grafiken und Schaubildern kommen die Farben in folgender Gewichtung zum Einsatz: HHLA-Grau für große Flächen oder als Fondfarbe HHLA-Blau zur Hervorhebung einzelner Elemente HHLA-Rot zur Akzentuierung wichtiger Details Zur Darstellung verschiedener Informationsebenen können diese Primärfarben in unterschiedlichen Sättigungen (Rasterstufen) angelegt werden % 80 % 60 % 30 % 10 % Pantone 877 RGB 138 / 141 / 142 RGB 160 / 163 / 164 RGB 182 / 185 / 186 RGB 219 / 219 / 219 RGB 243 / 243 / 243 CMYK 26 / 21 / 21 / 0 Web #8a8d8e Schwarz 100 % 80 % 60 % Schwarz RGB 0 / 0 / 0 RGB 47 / 47 / 47 RGB 94 / 94 / 94 RGB 171 / 171 / 171 RGB 226 / 226 / 226 CMYK 0 / 0 / 0 / 100 Web # % 10 % Einsatz von Farben und Farbstufen Für die Erstellung von Grafiken oder Diagrammen werden häufig mehrere gut unterscheidbare Farben benötigt. Hierfür sollen übergeordnet die drei definierten Primärfarben plus Weiß und Schwarz eingesetzt werden als farbliche Erweiterung dienen deren Rasterstufen. Wenn dieses Farbspektrum nicht ausreicht, kann das erweiterte Farbspektrum mit den Sekundärfarben (siehe Seite 17) hinzugezogen werden. Diese Farben dürfen jedoch nur als Ergänzung der übergeordneten Hausfarben eingesetzt werden. 16

17 2.1 Farben Hausfarben Sekundärfarben Sekundärfarben mit Farbstufen Sekundärspektrum HHLA-Grün 100 % Pantone 347 RGB 0 / 153 / 70 RGB 51 / 173 / 107 RGB 102 / 194 / 144 RGB 178 / 224 / 199 RGB 229 / 245 / 236 CMYK 92 / 0 / 84 / 0 Web # HHLA-Petrol 100 % Pantone 314 RGB 0 / 125 / 165 RGB 51 / 151 / 183 RGB 102 / 177 / 201 RGB 178 / 216 / 228 RGB 229 / 242 / 246 CMYK 100 / 5 / 14 / 17 Web #007da5 HHLA-Orange 100 % 80 % 80 % 80 % 60 % 60 % 60 % 30 % 30 % 30 % 10 % 10 % 10 % HHLA-Grün: Anwendung bei Umwelt-/Nachhaltigkeitsthemen. Bei der Gestaltung von Grafiken und Schaubildern kommen grundsätzlich die Primärfarben und deren Rasterstufen vorrangig zum Einsatz. Reicht dieses Farbspektrum nicht aus oder bieten die Farbabstufungen nicht genügend Kontrast, um Informationen deut lich voneinander abzugrenzen, so kommen die Sekundärfarben zum Einsatz. 2 Pantone 158 RGB 238 / 118 / 36 RGB 242 / 145 / 80 RGB 245 / 173 / 124 RGB 250 / 214 / 189 RGB 253 / 241 / 253 CMYK 2 / 65 / 90 / 0 Web #EE7624 Farbverteilung und Gewichtung Die Anwendungshierarchie gilt für alle Farbabstufungen. Die dargestellte Reihenfolge entspricht der Anwendungsreihenfolge. 17

18 3.1 Typografie Professionelle Printmedien Hausschrift Neue Helvetica Aa Ee Gg Jj Rr Tt ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz Die ersten Schriftschnitte gestaltete ab 1956 der Grafiker Max Miedinger in Zusammenarbeit mit Eduard Hoffmann, dem Geschäftsführer der Haas schen Schriftgiesserei in Münchenstein bei Basel. Als Vor lage dienten ihnen die Akzidenz-Grotesk von Berthold und die Normal-Grotesk aus dem Hause Haas wurde die halbfette Garnitur zur Messe graphique 57 für den Handsatz veröffentlicht, zunächst unter dem Namen Neue Haas-Grotesk. Die D. Stempel AG, seit 1954 mehrheitlich an der Haas schen Schriftgiesserei beteiligt, brachte die Schrift ab 1960 auch als Matrizen für Linotype-Setzmaschinen heraus. Im Zuge dessen schlug sie eine Namensänderung in Helvetia vor, um auf dem internationalen Markt mehr Chancen zu haben. Dies gefiel der Haas schen Schriftgiesserei jedoch a nicht, da bereits eine Versicherung und eine Nähmaschinenfabrik diesen Namen trugen, und sie schlug stattdessen den Namen Helvetica die Schweizerische oder die Schweizerin vor, unter dem sie nun auch seit 1960 vertrieben wird 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. Schrifttype zur Typografierung professioneller Printmedien, z. B. Geschäftsberichte, Imagebroschüren, Flyer etc. 3 Hausschrift der HHLA für externe Printmedien (Profimedien) Für die Aufbereitung von Printmedien findet ausschließlich die Schrift Neue Helvetica Verwendung. Zur Erweiterung der Schriftvarianz können unterschiedliche Schriftschnitte dieser Schriftfamilie verwendet werden (z. B. Neue Helvetica Light, Neue Helvetica Medium etc.). Die klassisch schnörkellose Schrift Neue Helvetica unterstreicht die Sachlichkeit und Klarheit des HHLA Corporate Designs. 18

19 3.1 Typografie Professionelle Printmedien Hausschrift Titel (Cover) Headline 1. Ebene Headline 2. Ebene Headline 3. Ebene NEUE HELVETICA 75 BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ in Versalien geschrieben Neue Helvetica 75 Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Neue Helvetica 45 Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Neue Helvetica 75 Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Versalschreibweise für Medientitel, Laufweite: -20 Die Schriftfarbe von Medientiteln (Cover) und der 1. Headline-Ebene ist grundsätzlich Grau / Silber. In begründbaren Ausnahmefällen Blau. 3 Vorspann Fließtext Bildunterschrift Zitat Neue Helvetica 65 Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Neue Helvetica 45 Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Neue Helvetica 46 Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Neue 46 Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Verwendung der Hausschrift für externe Printmedien (Profimedien) Für die Gestaltung professioneller Medien mit unterschiedlichen Textebenen und Überschriften hierarchien stehen verschiedene Schriftschnitte der Neuen Helvetica zur Verfügung. Grundsätzlich wird ein Text in gemischter Schreib weise mit großer / kleiner Schrift gesetzt. Einzige Ausnahme bildet der Titel ( Cover des betreffenden Mediums), der immer in Versalien geschrieben wird. Die Punktgröße der Fließtexte variiert je nach Medienformat und adressierter Zielgruppe. 19

20 3.1 Typografie Professionelle Printmedien Anwendungsbeispiel Hausschrift Anwendung Headline 1. Ebene: Neue Helvetica 75 Bold, Schriftgrad 24 Pt Fließtext: 45 Light, Schriftgrad 8 Pt, Zeilenabstand 12 Pt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Nunc nonummy metus. 3 Headline 2. Ebene: 45 Light, Schriftgrad 13 Pt Headline 3. Ebene: 75 Bold, Schriftgrad 9,5 Pt Fließtext: 45 Light, Schriftgrad 8 Pt, Zeilenabstand 12 Pt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc: I INunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. I IDonec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis. I IQuisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel des augue. Curabitur ullamcorper ultricies nisi eget condimentum. Bei Aufzählungen im Fließtext wird das Zeichen I verwendet. Versalbuchstabe i in Neue Helvetica 95 Black im selben Schriftgrad. 20

21 3.2 Typografie Digitale Medien und Dokumente Hausschrift Arial Aa Ee Gg Jj ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial ist eine Groteskschrift, die von den Schriftgestaltern Robin Nicholas und Patricia Saunders 1982 für Monotype ent wickelt wurde, um auf niedrig auflösenden Monitoren eine besser lesbare Alternative zur verbreiteten Helvetica von Linotype zu bieten. Arial ist charakterisiert durch große Mittellängen und einfache Formen ohne Serifen. Sie bietet für Unternehmen dank der standardmäßigen Auslieferung als eine Standartschrift von Microsoft Windows zahlreiche Vorteile. Der Austausch von entsprechend formatierten Dokumenten ist problemlos und führt daher zu keinerlei Darstellungsproblemen. a R Schrifttype RVergleich Arial (grau) und Helvetica (blau) zur Typografierung digitaler Medien (Internet, Intranet, PPT-Präsentationen etc.) und von Office-Dokumenten (Word-Dateien, Excel-Dateien etc.). 3 Hausschrift der HHLA für interne Medien und digitale Dokumente Für die Aufbereitung digitaler Medien findet ausschließlich die Schrift Arial Verwendung. Zur Erweiterung der Schriftvarianz können zwei verschiedene Schriftschnitte dieser Schriftfamilie verwendet werden: Arial Regular (normal) und Arial Bold (fett). Das Schriftbild der für Bildschirme optimierten Systemschrift Arial ähnelt der HHLA-Hausschrift (Neue Helvetica) sehr stark, wodurch die Sachlichkeit und Klarheit des HHLA Corporate Designs gewahrt wird. Die Kombination unterschiedlicher Schrifttypen ist nicht gestattet. 21

22 3.2 Typografie Digitale Medien und Dokumente Hausschrift Titel (Cover) Headline 1. Ebene Headline 2. Ebene Headline 3. Ebene ARIAL BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ in Versalien geschrieben Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Versalschreibweise für Medientitel, Laufweite: -20 Die Schriftfarbe von Medientiteln (Cover), der 1. Headline-Ebene und der Dokumentnamen ist grundsätzlich Grau / Silber. In begründbaren Ausnahmefällen Blau. 3 Vorspann Fließtext Spiegelstriche Bei Dokumenten: Dokumentname Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Regular Abc Def Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Verwendung der Hausschrift für interne Medien und digitale Dokumente Für die Gestaltung digitaler Medien und Office- Dokumente mit unterschiedlichen Text ebenen und Überschriftenhierarchien stehen zwei Schrift schnitte der Arial zur Verfügung: Arial Regular (normal) und Arial Bold (fett). Grundsätzlich wird ein Text in gemischter Schreibweise mit großer / kleiner Schrift gesetzt. Einzige Ausnahme bildet der Titel (Cover des betreffenden Mediums), der immer in Versalien geschrieben wird. Die Punktgröße der Fließtexte variiert je nach Medienformat und adressierter Zielgruppe. 22

23 3.2 Typografie Digitale Medien und Dokumente Anwendungsbeispiel Hausschrift Anwendung Dokumentname: Arial Regular, 14 Pt Headline 1. Ebene: Arial Bold, Schriftgrad 30 Pt Vorspann: Arial Bold, Schriftgrad 11 Pt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean des commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 3 Headline 2. Ebene: Arial Regular, Schriftgrad 14 Pt Fließtext: Arial Regular, Schriftgrad 11 Pt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate elei fend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, das pibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Headline 3. Ebene: Arial Bold, Schriftgrad 11 Pt Fließtext: Arial Regular, Schriftgrad 11 Pt. Cras dapibus. Vivamus elementum nisi lorem demzumal. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae porttitor tellus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra. Bei Aufzählungen im Fließtext wird verwendet. Spiegelstrich / Minus in Arial Regular (normal) im selben Schriftgrad. 23