WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der...

14
WERDER BREMEN STYLEGUIDE 01.02.2018

Transcript of WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der...

Page 1: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

1

WERDER BREMENSTYLEGUIDE

01.0

2.20

18

Page 2: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

2

INHALT

1 Das Logo

1.1 Die Wort-/Bildmarke „2 D“

1.1.1 schwarz-weiß

1.2 Die Bildmarke Raute „2 D“

2 Der Claim

2.1 Die Wort-/Bildmarke „2 D“ mit Claim

2.1.1 schwarz-weiß

2.2 Die Bildmarke Raute „2 D“ mit Claim unten

2.3 Die Bildmarke Raute „2 D“ mit Claim rechts

2.4 Der Claim alleinstehend

3 Die Farben

4 Die Schriften

Page 3: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

3

DAS LOGO

WORT-/BILDMARKE

BILDMARKE „RAUTE“

1

1 daS logo

Wort-/Bildmarke

raute

raute liegend

1 daS logo

Wort-/Bildmarke

raute

raute liegend

Page 4: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

4

1.2 die Wort-/Bildmarke „2 d“

C 0% – m 0% – y 0% – k 65% Pantone 431, hkS 92, ral 7012

C 100% – m 0% – y 85% – k 0% Pantone 340, hkS 54, ral 6029

C 100% – m 0% – y 85% – k 0% Pantone 340, hkS 54, ral 6029

Die Wort-/Bildmarke „WerDer Bremen“ – bestehend aus Schriftzug und raute – ist in sich unveränderbar, sowohl in ihren Proportionen als auch in der Positionierung von Schriftzug zu raute.

Die hier gezeigte Basisvariante ist rein grafischer natur und immer dann zu bevorzugen, wenn aus drucktechnischen oder anderen Gründen die „3 D“-Version nicht umsetzbar ist.

Die grafische Wort-/Bildmarke kann ebenso auf weißem und grünem Untergrund verwendet werden, in Ausnahmefällen auch über einem Bild. Die unten aufgeführte Farbzusammensetzung ist dabei strikt zu beachten.

DIE WORT-/BILDMARKE „2 D“1.1

Die Wort-/Bildmarke „WERDER BREMEN“ – bestehend aus Schriftzug und Raute – ist in sich unveränderbar, sowohl in ihren Proportionen als auch in der Positionie-rung von Schriftzug zu Raute.

Die Wort-/Bildmarke kann ebenso auf weißem und grünem Untergrund verwen-det werden, in Ausnahmefällen auch über einem Bild. Die unten aufgeführte Farbzusammensetzung ist dabei strikt zu beachten.

Page 5: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

5

1.2.1 die Wort-/Bildmarke „2 d“ SChWarz-WeiSS

k 65%

k 100%

k 100%

Die Wort-/Bildmarke „WerDer Bremen“ – bestehend aus Schriftzug und raute – ist in sich unveränderbar, sowohl in ihren Proportionen als auch in der Positionierung von Schriftzug zu raute.

Die hier gezeigten Schwarz-Weiß-Varianten sollten nur in Ausnahmefällen zur Anwendung kommen, z.B. auf Fax-Dokumenten o.ä.

Die für Grauwerte reduzierte Version beinhaltet einen Schriftzug mit einem Schwarzwert von 65 %. nur in der Strichvariante wird dieser durch 100 % Schwarz ersetzt.

DIE WORT-/BILDMARKE „2 D“ SCHWARZ-WEISS

Die Wort-/Bildmarke „WERDER BREMEN“ – bestehend aus Schriftzug und Raute – ist in sich unveränderbar, sowohl in ihren Proportionen als auch in der Positionie-rung von Schriftzug zu Raute.

Die hier gezeigten Schwarz-Weiß-Varianten sollten nur in Ausnahmefällen zur Anwendung kommen, z.B. auf Fax-Dokumenten o.ä.

Die für Grauwerte reduzierte Version beinhaltet einen Schriftzug mit einem Schwarzwert von 65 %. Nur in der Strichvariante wird dieser durch 100 % Schwarz ersetzt.

1.1.1

Page 6: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

6

1.4 die Bildmarke raute „2 d“

Die Bildmarke raute „2 D“ kann auf weißem und grünem Hintergrundangewendet werden oder auch über einem Bild oder Artwork.

Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten).

Steht die raute nicht auf grünem Hintergrund, ist immer die äußere grüne Umrandung sichtbar (siehe auch Punkt 1.1).

C 100% – m 0% – y 85% – k 0%Pantone 340, hkS 54, ral 6029

1.4 die Bildmarke raute „2 d“

Die Bildmarke raute „2 D“ kann auf weißem und grünem Hintergrundangewendet werden oder auch über einem Bild oder Artwork.

Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten).

Steht die raute nicht auf grünem Hintergrund, ist immer die äußere grüne Umrandung sichtbar (siehe auch Punkt 1.1).

C 100% – m 0% – y 85% – k 0%Pantone 340, hkS 54, ral 6029

DIE BILDMARKE „2 D“

Die Bildmarke Raute „2 D“ kann auf weißem und grünem Hintergrund angewendet wer-den oder auch über einem Bild oder Artwork.Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten).

Steht die Raute nicht auf grünem Hintergrund, ist immer die äußere grüne Umrandung sichtbar (siehe auch Punkt 1.1).

1.21.4 die Bildmarke raute „2 d“

Die Bildmarke raute „2 D“ kann auf weißem und grünem Hintergrundangewendet werden oder auch über einem Bild oder Artwork.

Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten).

Steht die raute nicht auf grünem Hintergrund, ist immer die äußere grüne Umrandung sichtbar (siehe auch Punkt 1.1).

C 100% – m 0% – y 85% – k 0%Pantone 340, hkS 54, ral 6029

1.4 die Bildmarke raute „2 d“

Die Bildmarke raute „2 D“ kann auf weißem und grünem Hintergrundangewendet werden oder auch über einem Bild oder Artwork.

Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten).

Steht die raute nicht auf grünem Hintergrund, ist immer die äußere grüne Umrandung sichtbar (siehe auch Punkt 1.1).

C 100% – m 0% – y 85% – k 0%Pantone 340, hkS 54, ral 6029

Page 7: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

7

2 der Claim

Wort-/Bildmarke mit Claim

raute mit Claim unten

raute mit Claim reChtS

LEBENSLANG GRÜN-WEISS

LEBENSLANGGRÜN-WEISS

LEBENSLANG GRÜN-WEISS

DER CLAIM2

Page 8: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

8

2.2 die Wort-/Bildmarke „2 d“ mit Claim

Die hier gezeigte Basisvariante der Wort-/Bildmarke „2 D“ mit Claim ist rein grafischer natur und immer dann zu bevorzugen, wenn aus drucktechnischen oder anderen Gründen die „3 D“-Version nicht umsetzbar ist.

Für die Proportionen und Positionierungen des Claims gelten die gleichen Grundsätze wie für die „3 D“-Version (siehe Kapitel 2.1).

Bei Abbildung der Wort-/Bildmarke unter 50 mm Breite wird der Claim nicht eingesetzt!

C 100% – m 0% – y 85% – k 0% Pantone 340, hkS 54, ral 6029

LEBENSLANG GRÜN-WEISS

C 0% – m 0% – y 0% – k 65%

k 100%

Pantone 431, hkS 92, ral 7012

Schwarz

C 100% – m 0% – y 85% – k 0% Pantone 340, hkS 54, ral 6029

LEBENSLANG GRÜN-WEISSFest definierte Länge Abstand

mindestabstand

mindestbreite zur Verwendung mit Claim: 50 mm

DIE WORT-/BILDMARKE „2D“ MIT CLAIM

Die Wort-/Bildmarke „WERDER BREMEN“ – bestehend aus Schriftzug und Raute – soll möglichst immer zusammen mit dem Claim „LEBENSLANG GRÜN-WEISS“ abgebildet werden.

Der Claim steht zentriert unter der Wort-/Bildmarke. Das Verhältnis Wort-Bildmar-ke zu Claim ist in sich unveränderbar, sowohl in den Proportionen als auch in der Positionierung.

Der Claim ist in Versalbuchstaben aus der FRUTIGER 87 EXTRA BLACK CONDENSED in Werder-Grün und der FRUTIGER 47 LIGHT CONDENSED in Schwarz gesetzt. In den Negativ-Versionen ist der Claim immer in Weiß gesetzt.

Bei Abbildung der Wort-/Bildmarke unter 50 mm Breite wird der Claim nicht eingesetzt!

*

2.1

Page 9: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

9

2.2.1 die Wort-/Bildmarke „2 d“ mit Claim SChWarz-WeiSS

Die hier gezeigten Schwarz-Weiß-Varianten kommen nur in Ausnahmefällen zur Anwendung, z.B. auf Fax-Dokumenten o.ä. (siehe auch Kapitel 1.2.1).

Für die Proportionen und Positionierungen des Claims gelten die gleichen Grundsätze wie für die „3 D“-Version (Kapitel 2.1).

Bei Abbildung der Wort-/Bildmarke unter 50 mm Breite wird der Claim nicht eingesetzt!

k 100%

LEBENSLANG GRÜN-WEISS

k 65%

k 100%

LEBENSLANG GRÜN-WEISSFest definierte Länge Abstand

mindestabstand

mindestbreite zur Verwendung mit Claim: 50 mm*

DIE WORT-/BILDMARKE „2D“ MIT CLAIM SCHWARZ-WEISS

Die hier gezeigten Schwarz-Weiß-Varianten kommen nur in Ausnahmefällen zur Anwendung, z.B. auf Fax-Dokumenten o.ä. (siehe auch Punkt 1.1.1).

Für die Proportionen und Positionierungen des Claims gelten die gleichen Grundsätze wie für die Version unter Punkt 2.1.

Bei Abbildung der Wort-/Bildmarke unter 50 mm Breite wird der Claim nicht eingesetzt!

2.1.1

Page 10: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

10

2.3 die Bildmarke raute „3 d“ mit Claim unten

LEBENSLANG GRÜN-WEISS

LEBENSLANG GRÜN-WEISSAbstand

mindestabstand

2 r

1 r

Die Bildmarke raute „3 D“ kann ebenfalls mit dem Claim „LeBenSLAnG GrÜn-WeISS“abgebildet werden.

Bei dieser Version steht der Claim zentriert unter der raute. Das Verhältnis raute zu Claim ist in sich unveränderbar, sowohl in den Proportionen als auch in der Positionierung. Der Claim ist genau doppelt so breit wie die raute.

DIE BILDMARKE RAUTE „2D“ MIT CLAIM UNTEN

Die Bildmarke Raute „2 D“ kann ebenfalls mit dem Claim „LEBENSLANG GRÜN-WEISS“ abgebildet werden.

Bei dieser Version steht der Claim zentriert unter der Raute. Das Verhältnis Raute zu Claim ist in sich unveränderbar, sowohl in den Proportionen als auch in der Positionierung. Der Claim ist genau doppelt so breit wie die Raute.

2.2

Page 11: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

11

2.4 die Bildmarke raute „3 d“ mit Claim reChtS

Die Bildmarke raute „3 D“ kann ebenfalls mit dem Claim „LeBenSLAnG GrÜn-WeISS“abgebildet werden.

Bei dieser Version steht der Claim rechts horizontal zentriert neben der raute. Das Verhältnis raute zu Claim ist in sich unveränderbar, sowohl in den Proportionen als auch in der Positionierung. Der Claim ist genau so breit wie die raute.

LEBENSLANGGRÜN-WEISS

LEBENSLANGGRÜN-WEISS

1 r 1 rA

bstan

d

DIE BILDMARKE RAUTE „2D“ MIT CLAIM RECHTS

Die Bildmarke Raute „2D“ kann ebenfalls mit dem Claim „LEBENSLANG GRÜN-WEISS“ abgebildet werden.

Bei dieser Version steht der Claim rechts horizontal zentriert neben der Raute. Das Verhältnis Raute zu Claim ist in sich unveränderbar, sowohl in den Proportionen als auch in der Positionierung. Der Claim ist genau so breit wie die Raute.

2.3

Page 12: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

12

2.5 der Claim alleinStehend

In besonderen Ausnahmefällen kann der Claim „LeBenSLAnG GrÜn-WeISS“auch alleinstehend abgebildet werden.

In diesem Fall ist der Claim immer linksbündig gesetzt.

Der Claim ist in Versalbuchstaben aus der FrutiGEr 87 ExtrA BLAck coNdENSEd in Werder-Grün und der FRutIGER 47 LIGht CoNdENSEd in Schwarz gesetzt. In den negativ-Versionen ist der Claim immer in Weiß gesetzt.

Der Zeilenzwischenraum beträgt 2/3 der Buchstabenhöhe.

3 T

2 T

3 T

DER CLAIM ALLEINSTEHEND

In besonderen Ausnahmefällen kann der Claim „LEBENSLANG GRÜN-WEISS“ auch alleinstehend abgebildet werden.

In diesem Fall ist der Claim immer linksbündig gesetzt.

Der Claim ist in Versalbuchstaben aus der FRUTIGER 87 EXTRA BLACK CONDENSED in Werder-Grün und der FRUTIGER 47 LIGHT CONDENSED in Schwarz gesetzt. In den Negativ-Versionen ist der Claim immer in Weiß gesetzt.

Der Zeilenzwischenraum beträgt 2/3 der Buchstabenhöhe.

2.4

Page 13: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

13

3 die FarBen

C 100% – m 0% – y 85% – k 0% Pantone 340 hkS 54 ral 602

C 0% – m 0% – y 0% – k 65% Pantone 431 hkS 92 ral 7012

C 0% – m 65% – y 100% – k 0% Pantone 151 hkS 7 ral 200

Weiß

Die Grundfarben des Werder Bremen erscheinungsbildes sind grün/weiß.Als sekundäres Gestaltungsmittel kann auch das Werder-Orange akzentuierend eingesetzt werden.

Der Grauton ist ausschließlich für die Färbung des Schriftzuges in der Wort-/Bildmarke vorgesehen und kann nur in seltenen Fällen wie Tabellen-gestaltung o.ä. als ordnendes Stilmittel angewendet werden.

3 die FarBen

C 100% – m 0% – y 85% – k 0% Pantone 340 hkS 54 ral 602

C 0% – m 0% – y 0% – k 65% Pantone 431 hkS 92 ral 7012

C 0% – m 65% – y 100% – k 0% Pantone 151 hkS 7 ral 200

Weiß

Die Grundfarben des Werder Bremen erscheinungsbildes sind grün/weiß.Als sekundäres Gestaltungsmittel kann auch das Werder-Orange akzentuierend eingesetzt werden.

Der Grauton ist ausschließlich für die Färbung des Schriftzuges in der Wort-/Bildmarke vorgesehen und kann nur in seltenen Fällen wie Tabellen-gestaltung o.ä. als ordnendes Stilmittel angewendet werden.

DIE FARBEN1.5 The colours

C 100% – M 0% – Y 85% – K 0% Pantone 340 HKS 54 RAL 6029

C 0% – M 0% – Y 0% – K 65% Pantone 431 HKS 92 RAL 7012

C 0% – M 65% – Y 100% – K 0% Pantone 151 HKS 7 RAL 2008

White

The basic colours of the Werder Bremen corporate design are green and white.

As a secondary design tool, the Werder Orange can also be used for highlights.

The grey tone is only intended for colouring the lettering in the composite mark and can only be used as a normal stylistic element

in isolated cases, such as table designs or similar.

Die Grundfarben des Werder Bremen Erscheinungsbildes sind grün/weiß.

Der Grauton ist ausschließlich für die Färbung des Schriftzuges in der Wort-/Bildmarke vorgesehen und kann nur in seltenen Fällen wie Tabellen-gestaltung o.ä. als ordnendes Stilmittel angewendet werden.

3

Page 14: WERDER BREMEN STYLEGUIDE€¦ · einem Bild oder Artwork. Die Farben entsprechen denen der Wort-/Bildmarke (siehe unten). Steht die raute nicht auf grünem Hintergrund, ist immer

14

4 die SChriFten

ABCDeFGHIJKLmnOPQrSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890

Frutiger 55 roman

Frutiger 45 Light

aBCdeFghiJklmnoPQrStuVWXyzabcdefghijklmnopqrstuvwxyz 1234567890

Frutiger 65 Bold

ABCdEFGhIJKLMNoPQRStuVWXYZabcdefghijklmnopqrstuvwxyz 1234567890

ABcdEFGHiJkLMNoPQrStuVWxYZabcdefghijklmnopqrstuvwxyz 1234567890

Frutiger 47 Light Condensed

Frutiger 87 Extra Black condensed

Die Schriften des Werder Bremen erscheinungsbildes sind die hier aufgeführten Fonts aus der Schriftfamilie Frutiger.

DIE SCHRIFTEN

Die Schriften des Werder Bremen Erscheinungsbildes sind die hier aufgeführten Fonts aus der Schriftfamilie Frutiger.

4