Bergedorf Design 2008

Wo in Hamburg die Sonne aufgeht! Bergedorf Design 2008 www.bergedorf.de 1

Inhaltsverzeichnis Kategorie Seite Kategorie Seite 1. DIE Marke Bergedorf 1.1 Einleitung 3 2. Logo 2.1 Das Logo 4 2.2 Größe und Position des Logos 6 2.3 Anwendung auf Fonds 6 3. Designelemente 3.1 Die Welle 7 3.2 Der Hintergrund 7 3.3 Hervorhebung wichtiger Informationen 7 3.4 Zusatzelement Hamburg Schiffsbug (Insert) 8 4. Farben 4.1 Die Farbwelt 9 7. Verwandte Logos 7.1 Logoadaption 13 7.2 BID 13 7.3 WSB 13 7.4 Vier- und Marschlande 13 7.5 Information Bergedorf 13 8. Integration von Fremdlogos 8.1 Die Möglichkeiten 14 8.2 Das Beispiel Bergedorf baut 14 8.3 Das Beispiel Life Science Nord 14 9. Anwendungsbeispiele 9.1 Einleitung 15 9.2 Flyer Din Lang 15 9.3 Broschüren A4 16 9.4 Plakate 17 9.5 Banner 18 9.6 Briefbogen & Visitenkarte 19 5. Schriften 5.1 Die Hausschrift 10 5.2 Headlines und Sublines 10 5.2 Fließtext 11 10. Falsche Anwendungen 10.1 Logo 20 10.2 Welle 21 6. Fotos 6.1 Die Motivwelt 12 11. DOWNLOADSERVICE 11.1 Daten im Internet 22 2

1. Die Marke Bergedorf 1.1. Einleitung Um Zielgruppen in zeitgemäßer und Bergedorftypischer Form anzusprechen, wurde im Jahre 2008 ein neues Erscheinungsbild entwickelt, das seitdem als Kommunikationsmuster maßgebend ist für die Gestaltung Bergedorfer Werbemittel. Der Auftritt soll zugleich die Dynamik und Vielfalt Bergedorfs widerspiegeln, seine Attraktivität spürbar und sichtbar machen. In diesem Sinne ist es wünschenswert, wenn das neue Erscheinungsbild konsequent von allen Beteiligten angewandt wird. Diese Richtlinien gewährleisten den einheitlichen Auftritt der Marke Bergedorf in der Öffentlichkeit. Die Anwendung dieses allgemeinen Kommunikationsmusters für die Stadt Bergedorf lässt dem Gestalter relativ viel Freiheit bezüglich Schriften, Insert und Aufbau. Um jedoch eine durchgängige Einheitlichkeit unserer vielfältigen Werbemittel zu gewährleisten, wurden für die wichtigsten Formate spezifische Anwendungs-Richtlinien festgelegt. So wird sichergestellt, dass die Marke erkennbar bleibt und Headline und Logo durch einheitliche Platzierung auf Foldern und Broschüren sofort sichtbar und unverwechselbar sind. Unter www.bergedorf.de/markenbaukasten.html gibt es die notwendigen Daten zum Download. Weitere Informationen zum Downloadservice finden Sie auf der letzten Seite dieses Brandguides. Grundsätzlich steht die Nutzung des Kommunikationsmusters allen frei, die die Marke Bergedorf stärken wollen. Die Nutzung soll dem Bezirksamt Bergedorf, Herrn Dr. Aholt (040 / 42891 43 14) angezeigt werden. Um die Übersendung von Belegexemplaren wird gebeten (gerne auch auf elektronischem Wege an: Andreas.Aholt@bergedorf.hamburg.de). 1 Mitarbeiter und Agenturen/Dienstleister finden in diesem Corporate Design Handbuch zahlreiche Anwendungsbeispiele und Vorlagen, mit deren Hilfe die Gestaltung der Bergedorf-Werbemittel pragmatisch umgesetzt werden kann. 1 Das Bezirksamt kann die Nutzung im begründeten Einzelfall untersagen, wenn der Einsatz des Kommunikationsmusters den Kern der Marke Bergedorf schwächt. Der Kern lässt sich mit folgen den Worten beschreiben: Bergedorf ist die schöne Stadt im Garten Hamburgs; die Stadt mit kurzen Wegen in der sich besonders Kinder und Familien wohlfühlen. Im Zweifelsfall entscheidet die Lenkungsgruppe Stadtmarketing. 3

2. Logo 2.1 Das Logo Das Logo Bergedorfs bildet eine feste Einheit aus Bild- und Wortmarke. Es ist in der abgebildeten Form verbindlich und sollte immer nur waagerecht dargestellt werden. Typisch ist außerdem seine Blockform, die nicht verändert werden darf. Reproduktionen dürfen nur von den Original-Vorlagen erfolgen. 3-Farb Variante Pantone 375 CVC Pantone 285 CVC Avant Garde Gothic Itc T, Book Pantone 294 CVC Avant Garde Gothic Itc T, Medium Pantone 285 CVC 4

2. Logo 2.1 Das Logo Graustufen-Variante Black 40% Black 75 % Black 100 % Black 75 % Strich-Variante Black 100 % 5

2. Logo 2.2 Größe und Position des Logos In der folgenden Tabelle sind die Logo-Proportionen zu verschiedenen Formaten festgelegt. Bei Formaten, die von der DIN-Norm abweichen, orientieren Sie sich bitte am nächstgelegenen Format in der Tabelle. Die genaue Positionierung auf dem Format entnehmen Sie bitte dem Kapitel 8. Format DIN lang A6 Breite x Höhe 105 x 210 148 x 210 Logo-Breite 30 mm DIN A4 210 x 297 45 mm DIN A3 297 x 420 60 mm DIN A2 420 x 594 75 mm DIN A1 594 x 841 90 mm DIN A0 841 x 1189 105 mm City Light 1185 x 1750 120 mm 2.3 Anwendung auf Fonds Im besten Fall sollte das Bergedorf Logo immer frei auf Flächen stehen, welche einen ausreichenden Kontrast zu den Logofarben bieten. Ist dies nicht der Fall, so steht das Logo auf einem weissen Oval (siehe Beispiel). H A M B U R G H A M B U R G H A M B U R G H A M B U R G 6

3. Designelemente 3.1 Die Welle Das Designelement Welle befindet sich immer im unteren Bereich der Publikationen und hinterlegt so das Logo sowie ein bis zwei Zeilen Infotext. Genauere Größenverhältnisangaben zu diesem Designelement finden Sie in Kapitel 8 Anwendungsbeispiele. www.bergedorf.de 3.2 Der Hintergrund Für den Hintergrund der Bergedorf Publikationen kann ein kreisförmiger blauer Verlauf (die Datei des Blauverlaufs finden Sie im Downloadservice, siehe S. 22) genutzt werden. Die Gestaltung der Hintergrundes ist variabel (siehe Beispielbilder), bevorzugt wird allerdings die Variante mit dem transparent in den Hintergrund verlaufenden Bild. Bild mit weicher Verlaufskante Bildrahmen auf Verlauf Verlauf als kompletter Hintergrund 3.3 Hervorhebung wichtiger Informationen Zur Betonung oder Hervorhebung von wichtigen Informationen oder Daten kann ein zusätzliches Element (Panel) eingesetzt werden. Die weisse Schrift (Univers 67 Bold Condensed) steht auf einem blauen oder grünen Fond (siehe Farben) mit abgerundeten Ecken. Die Panels können nach Belieben auf dem Bildbereich platziert werden. 14. & 15. Juni 2008 10 00 bis 18 00 Uhr 30. Mai bis 1. Juni 2008 7

3. Designelemente 3.4 Roter Insert Schiffsbug Der Claim für Bergedorf lautet: Wo in Hamburg die Sonne aufgeht und vermittelt dem Betrachter ein positives Bild vom Bezirk Bergedorf. Der Claim steht in einem roten Element (Insert) das Bestandteil des Hamburger Kommunikationsmusters ist. Dies stellt einen Bezug zur Stadt Hamburg und ihrem öffentlichen Auftritt her. Dieses Insert wird ausschließlich dann verwendet wenn es sich um Publikationen des Bezirksamts Bergedorf handelt, das Bezirksamt Bergedorf in irgendeiner Form beteiligt ist und die Publikation in großem öffentlichen Interesse steht. Die Größe des roten Inserts ist variabel. Ein Fünftel der Höhe des Schiffsbugs (exkl. Schatten) ragt stets aus dem Fond heraus in das Bild bzw. in den Hintergrund der Seite (auf dieser Seite z. B. am Kopf in den hellgrünen Hintergrund). Die 1. Zeile oder 1-zeilige Headline auf dem Insert druckt grundsätzlich weiß, die 2. Zeile dunkelblau. Die 2. Zeile einer Headline kann in Ausnahmefällen zu Gunsten der Lesbarkeit auch weiß sein, z. B. beim City Light Plakat, weil durch die Lichtverhältnisse Dunkelblau auf Rot schlecht lesbar ist. Für eine gute Lesbarkeit sollten in diesem Fall 2-zeilige Headlines nicht ineinanderlaufen. Wo in Hamburg die Sonne aufgeht! Hier steht eine Headline Die Form des Inserts kann auch als einzelnes Gestaltungselement in einer Publikation Anwendung finden, z. B. als Hinterlegung für Überschriften oder Kapitelbezeichnungen. Je kleiner die Form eingesetzt wird, desto mehr bietet sich auch hier die Verwendung eines vollflächigen Elements an. Die bevorzugte Farbigkeit bleibt aber immer rot. Außerdem wird der Bug grundsätzlich linksbündig eingesetzt. www.bergedorf.de 8

4. Farben 4.1 Die Farbwelt Typisch für das Erscheinungsbild der Marke Bergedorf sind ein natürliches Grün und zwei Blautöne. Diese Farben sollten Hauptbestandteil aller Publikationen sein, um einen hohen Wiedererkennungswert zu erzielen. Als weitere Farben sind die unten aufgeführten Farben zu verwenden um ein harmonisches Gesamtbild sowie einen Wiedererkennungswert zu erreichen. Fließtexte sind grundsätzlich schwarz, dunkelblau oder negativ weiß. Headlines erscheinen negativ weiß (1. Zeile der Headline bzw. 1-zeilige Headlines) oder dunkelblau. Headlines und Sublines im Innenteil einer Broschüre können sowohl negativ auf blauem oder grünem Hintergrund, als auch dunkelblau auf hellem Hintergrund erscheinen. C40 M0 Y90 K0 R177 G202 B53 C30 M0 Y90 K0 R200 G211 B46 C20 M0 Y90 K0 R222 G220 B37 C10 M0 Y100 K0 R223 G219 B0 C10 M0 Y90 K0 R243 G228 B0 Pantone 375 CVC CMYK: C41 M0 Y78 K0 RGB: R172 G202 B87 80% C41 M0 Y78 K0 R172 G202 B87 70% C41 M0 Y78 K0 R172 G202 B87 60% C41 M0 Y78 K0 R172 G202 B87 40% C41 M0 Y78 K0 R172 G202 B87 20% C41 M0 Y78 K0 R172 G202 B87 C90 M35 Y0 K0 R0 G124 B194 C90 M25 Y0 K0 R0 G141 B205 C90 M15 Y0 K0 R0 G152 B215 C90 M5 Y0 K0 R0 G162 B223 75% C90 M5 Y0 K0 R0 G162 B223 Pantone 285 CVC CMYK: C89 M43 Y0 K0 RGB: R0 G121 B188 80% C89 M43 Y0 K0 R0 G121 B188 70% C89 M43 Y0 K0 R0 G121 B188 60% C89 M43 Y0 K0 R0 G121 B188 40% C89 M43 Y0 K0 R0 G121 B188 20% C89 M43 Y0 K0 R0 G121 B188 C100 M60 Y0 K30 R0 G73 B133 C100 M50 Y0 K25 R0 G86 B147 C100 M30 Y0 K20 R0 G110 B171 C100 M30 Y0 K10 R0 G119 B185 C100 M20 Y0 K0 R0 G139 B208 Pantone 294 CVC CMYK: C100 M56 Y0 K18 RGB: R0 G81 B145 80% C100 M56 Y0 K18 R0 G86 B151 70% C100 M56 Y0 K18 R0 G86 B151 60% C100 M56 Y0 K18 R0 G86 B151 40% C100 M56 Y0 K18 R0 G86 B151 20% C100 M56 Y0 K18 R0 G86 B151 9

5. Schriften 5.1 Die Hausschrift Die Hausschrift von der Marke Bergedorf ist die Univers. Sie ist unaufdringlich, besticht durch klassisch zeitlose Eleganz und ist daher vielseitig einsetzbar. Texte sollen immer linksbündig gesetzt werden. Bei textintensiven Publikationen, wie z.b. Broschüren, ist auch Blocksatz möglich, um ein ruhigeres Schriftbild zu erzeugen. PC-Nutzer können alternativ zur Univers auf die Zurich (PC-Bezeichnung für Univers) oder Arial zurückgreifen. 5.2 Headlines und Sublines Für Headlines (und ggf. dazugehörige Sublines) ab 18 pt und größer wird ausschließlich die Univers 59 Ultra Condensed verwendet. Die Schrift wird nicht in der Laufweite verändert oder kursiv gestellt. Am Zeilenende steht kein Satzzeichen. Bei Schriftgrößen unter 18 pt sollte wegen der besseren Lesbarkeit auf die Univers 67 Condensed Bold oder Univers 65 Bold zurückgegriffen werden. Formulierung voraussetzt. Sie stehen ohne Satzpunkt; Bindestrich kann verwendet werden. Headline-Schriften Univers 59 Ultra Condensed abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ Univers 67 Condensed Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789.,:;()&%!? Univers 65 Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789.,:;()&%!? Der Text wird linksbündig angeordnet. Dies gilt sowohl, wenn man auf den Bug verzichtet, als auch wenn man den Bug hinter die Headline legt. Die Headlines ob im roten Insert oder auf dem Fonds (hauptsächlich auf dem Titel) können 1- oder 2-zeilig sein, was eine kurze und prägnante 10

5. Schriften 5.3 Fließtext Als Standard-Schrift wurde die Univers 55 festgelegt. Es können aber auch die Univers 45 Light oder bei großen Textmengen und wenig Platz entsprechende Condensed-Schnitte für den Fließtext verwendet werden. Bold- und Kursiv-Schnitte sind nur für Auszeichnungen vorgesehen (Kursive Schnitte sollten wenig verwendet werden, z. B. für Fremdsprachen in 2-sprachigen Publikationen). Auch diese Schriften dürfen nicht in der Laufweite verändert werden. Die Farbigkeit ist weiß, schwarz, dunkelblau. Vor allem bei negativem Fließtext ist von den Light- Schriftschnitten und Schriftgrößen unter 9 pt Abstand zu nehmen. Nur für sehr textintensive Publikationen Univers 57 Condensed abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ Univers 47 Condensed Light abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ Univers 67 Condensed Bold abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ Fließtext-Schriften Univers 55 (bevorzugt) abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ Univers 45 Light abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ Univers 65 Bold abcdefghijklmnopqrstuvwxyz 123456789.,:;()&%!? ABCDEFGHIJKLMNOPQRSTUVWXYZ 11

6. Fotos 6.1 Die Motivwelt Die Motivwelt, in der Regel Fotos, ist naturgemäß variantenreich entsprechend den verschiedenen Medien, Zielgruppen und Kommunikationsthemen. Die Bilder sollten den Markenkern widerspiegeln. 1. Schöne Stadt Ein attraktives Angebot aus Kultur, Musik, Geschichte, attraktiven Einkaufsmöglichkeiten und maritimem Flair rund um den Serrahn sowie die Eigenständigkeit des Städtchen Bergedorf führen zu einer hohen Identifikation der Bergedorfer mit ihrer Stadt. 2. Garten Hamburgs Die Vier- und Marschlande sind für die Bergedorfer nicht nur der Garten der Hansestadt mit Blumen, Gemüse und Landwirtschaft, sondern auch ein attraktiver Natur-, Freizeit- und Erholungsraum. 3. Kurze Wege In Bergedorf sind die Wege nicht nur geographisch kurz. Auch im sozialen Bereich ist die Stadt durch ein nachbarschaftliches Miteinander geprägt, so dass man immer schnell einen Ansprechpartner findet. 4. Familien Bergedorf ist die Stadt, in der sich besonders Kinder und Familien wohlfühlen. In Kürze werden im Download-Bereich lizenzfreie Bilder zur Verfügung stehen. 12

7. Verwandte Logos 7.1 Logoadaption Bergedorfer Institutionen/regionale Bereiche die von übergeordnetem Interesse sind, dürfen eine Adaption des Logos für Ihre Zwecke verwenden. Hierzu ist eine Genehmigung der Lenkungsgruppe Stadtmarketing notwendig. Diese Logos sollten wenn möglich nicht auf Titelseiten verwendet werden, sondern eher mit Absendercharakter auf Innen- oder Rückseiten gebraucht werden. 7.4 Vier- und Marschlande 7.2 BID BID SACHSENTOR 7.5 Information - VOM MOHNHOF BIS ZUM SERRAHN - 7.3 WSB 13

8. Integration von Fremdlogos 8.1 Die Möglichkeiten Die Absender können sich auf drei Arten in die Bergedorf-Publikationen integrieren. Eine Möglichkeit ist die Platzierung des Logos anstelle der Headline (siehe Beispiel Bergedorf baut ), die zweite Variante ist die Platzierung in der Welle anstelle der www-zeile entweder durch das Fremdlogo (siehe Beispiel Life Sciences Nord ) oder durch einen Absender-Schriftzug im Titel oder in der Welle. 8.3 Das Beispiel Life Science Nord 8.2 Das Beispiel Bergedorf baut 14

9. Anwendungsbeispiele 9.1 Einleitung Im folgenden Kapitel sehen Sie Anwendungsbeispiele des Bergedorf-Auftritts. 9.2 Flyer DIN lang Univers 59 Ultra Condensed, 13 pt, weiß Univers 67 Bold Condensed, Größe variabel. weiß 50% Pantone 375 CVC Breite: 30 mm 8 mm Univers 67 Condensed, 10 pt, Pantone 285 CVC 8 mm 15

9. Anwendungsbeispiele 9.3 Broschüre A4 Univers 59 Ultra Condensed, 18 pt, weiß Univers 67 Bold Condensed, Größe variabel, weiß Höhe: 52 mm Univers 57 Condensed, 16 pt, Pantone 285 CVC Breite: 45 mm 13 mm 13 mm 16

9. Anwendungsbeispiele 9.4 Plakate Univers 59 Ultra Condensed, weiß Univers 67 Bold Condensed, Größe variabel, weiß Univers 57 Condensed, Pantone 285 CVC 17

9. Anwendungsbeispiele 9.5 Banner Am Beispiel Bezirksamt Bergedorf: Wo in Hamburg die Sonne aufgeht! Bezirksamt Bergedorf www.hamburg.bergedorf.de H A M B U R G 18

H A M B U R G 9. Anwendungsbeispiele 9.6 Briefbogen & Visitenkarte Wo in Hamburg die Sonne aufgeht! H A M B U R G Wo in Hamburg die Sonne aufgeht! Mario Mustermann Bezirksamt Bergedorf Musterstraße 123 12345 Musterstadt Tel.: 040 / 123 456 78 Fax: 040 / 123 456 79 Mobil: 0170 / 123 456 78 Musterfirma Musterstraße 123 12345 Musterstadt Tel.: 040 / 123 456 78 Fax: 040 / 123 456 79 Mobil: 0170 / 123 456 78 19

10. Falsche Anwendungen 10.1 Logo Das Bergedorf Logo sollte nur in seiner ursprünglichen Form verwendet werden und keinesfalls beliebig modifiziert werden. Exemplarische Negativbeispiele: Bringen Sie das H A M B U R G - Logo in einer Headline unter H A M B U R G H A M B U R G H A M B U R G bergedorf H A M B U R G 20

Hier steht eine Headline 10. Falsche Anwendungen Hier steht eine Headline Wo in Hamburg die Sonne aufgeht! 10.2 Welle Hier steht eine Headline Die Welle sollte nur in ihrer ursprünglichen Form verwendet werden und keinesfalls beliebig modifiziert werden. Wo in Hamburg die Sonne aufgeht! Hier steht eine Headline Exemplarische Negativbeispiele: Wo in Hamburg die Sonne aufgeht! Wo in Hamburg die Sonne aufgeht! Hier steht eine Headline www.bergedorf.de Hier steht eine Alles auf einen Klick: Headline www.bergedorf.de Verlauf löschen, Wellenfarbe verändern Wellenwölbung verstärken www.bergedorf.de www.bergedorf.de Schein hinter die Welle setzen Wellenhöhe verändern, Logo vergrößern www.bergedorf.de www.bergedorf.de Wellenwölbung verringern Wellenfarbe oder Textfarbe verändern 21

11. Downloadservice 11.1 Bergedorf-Daten im Internet Die folgenden Mediadaten stehen unter www.bergedorf.de/markenbaukasten.html zum Download für Sie bereit: Logo (.eps &.jpg) - 4-farbig - RGB (.jpg) - Pantone (.eps) - Graustufen - Strichvariante - 4-farbiges Logo auf Oval (.eps) - Pantone-Logo auf Oval (.eps) - Graustufen-Logo auf Oval (.eps) Welle (.eps) inkl. 3 mm Beschnitt - Vorlage für DIN A4 - Vorlage für DIN lang Hamburg-Insert (.psd) Hintergrund (.pdf) inkl. 3 mm Beschnitt - Hintergrund für DIN A4 - Hintergrund DIN lang Panels (Hervorhebungselemente (.eps) - Quadratisch (3 Farbvarianten) - Rechteckig (3 Farbvarianten) Fotos Bergedorf-Motive (.jpg) - In Bearbeitung Vorlagen 4-farbig (.pdf) - A4 Flyer Beispiel - A4 Flyer Blanco mit Insert - A4 Flyer Blanco - A3 Plakat Beispiel - A3 Plakat Blanco mit Insert - A3 Plakat Blanco - DIN lang Flyer Wickelfalz Blanco mit Insert - DIN lang Flyer Wickelfalz Blanco Wordvorlage Wickelfalz DIN lang (.doc) - Für randlosen Druck - Für Druck mit Rand - Für randlosen Druck mit Insert - Für Druck mit Rand mit Insert Wordvorlage DIN A4 (.doc) - Für randlosen Druck - Für Druck mit Rand - Für randlosen Druck mit Insert - Für Druck mit Rand mit Insert Wordvorlage mit blauem HG DIN A4 (.doc) - Für randlosen Druck - Für randlosen Druck mit Insert Wordvorlage Briefpapier (.doc) - Für randlosen Druck - Für Druck mit Rand - Für randlosen Druck mit Insert - Für Druck mit Rand mit Insert Dieser Brandguide wurde von der Werbeagentur Die Creativen in Zusammenarbeit mit dem Bezirksamt Bergedorf entwickelt. Gern unterstützt die Agentur auch Sie bei der Entwicklung von Flyern und Broschüren für Bergedorf. Mohnhof 12, 21029 Hamburg Telefon: (040) 72 00 66-0 email: info@diecreativen.de 22