CORPORATE DESIGN MANUAL SPRING 2018 - … file4 FARBE VON LOGO, URL UND LIZENZBEZEICHNUNG 4.1 s.Oliver RED LABEL 4.2 s.Oliver BLACK LABEL 5 GRÖSSE VON LOGO, ... zum Einsatz kommen

C O R P O R AT E D E S I G N M A N U A L

S TA N D : D E Z E M B E R 2 0 17

S P R I N G 2 0 18

2 / 24I N H A LT S V E R Z E I C H N I S

1 E INLE ITUNG1.1 Das Konzept1.2 Designmerkmale und Ansprechpartner

2 BASISELEMENTE2.1 s.Oliver RED LABEL2.2 s.Oliver BLACK LABEL

3 UMLAUFENDER RAND3.1 Im Print Bereich3.2 Im Online Bereich

4 FARBE VON LOGO, URL UND LIZENZBEZE ICHNUNG4.1 s.Oliver RED LABEL4.2 s.Oliver BLACK LABEL

5 GRÖSSE VON LOGO, URL UND LIZENZBEZE ICHNUNG5.1 Im Print Bereich mit Lizenzbezeichnung5.2 Im Online Bereich

6 LOGOPLATZ IERUNG

7 V ISUALISIERUNG7.1 Im Print Bereich 7.2 Bei Imageanzeigen7.3 Bei Imageanzeigen mit Lizenzzusatz7.4 Bei Händleranzeigen7.5 Bei Postkarten7.6 Im Online Bereich

8 LAYOUTBEISP IELE8.1 Poster8.2 Imageanzeigen8.3 Händleranzeigen8.4 Online

3 / 241 E I N L E I T U N G

Die Color-Codes s.Oliver „RED LABEL“, und s.Oliver „BLACK LABEL“ sowie die jeweiligen Brand-DNA‘s bestimmen das Erscheinungsbild der Marken und unterstreichen dieses, während der s.Oliver-Schriftzug eine visuelle Konstante bildet. Die einzelnen Marken können sich dadurch eigenständig präsentieren und zusätzlich die Begehrlichkeit s.Olivers stärken.

Die folgende Graphic Guideline gilt für die Layouts von folgenden Instrumenten:

PosterSmartprintsCitylightLangformat / QuerformatPOS Support GroßformateBillboardsBigwallsRiesenposterBannerImageanzeigenHändleranzeigenPostkartenImageteaserBanner...

1 . 1 D A S K O N Z E P T

4 / 24

1 . 2 D E S I G N M E R K M A L E U N D A N S P R E C H P A R T N E R

Dieses Manual dient als Leitfaden und Regelbuch zur Gestaltung einer einheitlichen Markenwelt für s.Oliver.

Durch eine klare Umsetzung der Gestaltungsregeln wird die Wiedererkennbarkeit gesteigert und die Marke s.Oliver gestärkt.

Der Gestaltungsbaukasten wird durch das jeweilige Logo, die Typografie und die jeweilige fotografische Bildwelt definiert.

Kontaktieren Sie uns!Wenn Fragen zum Corporate Design aufkommen, dann können Sie sich gern mit dem unten stehenden Ansprechpartner in Verbindung setzen.

Customer Sales Services

s.Oliver Bernd Freier GmbH & Co. KGs.Oliver-Straße 197228 Rottendorf

Tel: +49 (0)9302 - 3090Fax: +49 (0)9302 - 309 9473

[email protected]

soliver.com

1 E I N L E I T U N G

5 / 24

3

1

2

45

2 B A S I S E L E M E N T E

Der Aufbau der Layouts besteht aus folgenden Elementen, wobei nicht immer auch alle Elemente zum Einsatz kommen müssen:

1 Imagemotiv2 Umlaufender Rand für Logo und URL Ausrichtung 3 Logo4 URL5 Lizenzbezeichnung

A) Beispiel für eine Imageanzeige

B) Beispiel für eine Platzierung am rechten umlaufenden Rand

A)

B)

2 . 1 S . O L I V E R R E D L A B E L

6 / 242 B A S I S E L E M E N T E

Der Aufbau der Layouts besteht aus folgenden Elementen, wobei nicht immer auch alle Elemente zum Einsatz kommen müssen:

1 Imagemotiv2 Umlaufender Rand für Logo und URL Ausrichtung 3 Logo4 URL5 Lizenzbezeichnung

A) Beispiel für eine Imageanzeige Poster und Smartprintts

B) wBeispiel für eine Platzierung am rechten umlaufenden Rand

2 . 2 S . O L I V E R B L A C K L A B E L

3

1

2

45

A)

B)

7 / 24

1 : 1

1,25 : 1

1,41 : 1

1/30 der Schmalseite

1 : 1 1 : 1,25 1: 1,41 1: 1,5 1: 1,75 1: 2 1 : 2,25 1 : 2,75

1 : 3



1,5 : 1

1,75 : 1

2 : 1

2,25 : 1

2,75 : 1

3 : 1

3,5 : 1

4 : 1


3 U M L A U F E N D E R R A N D

Die Breite des umlaufenden Randes hängt von dem Seitenverhältnis des Dokuments ab.

3 . 1 I M P R I N T B E R E I C H

8 / 243 U M L A U F E N D E R R A N D


3 . 2 I M O N L I N E B E R E I C H1 : 1

1,25 : 1

1,41 : 1


1 : 1 1 : 1,25 1: 1,41 1: 1,5 1: 1,75 1: 2 1 : 2,25 1 : 2,75

1 : 3



1,5 : 1

1,75 : 1

2 : 1

2,25 : 1

2,75 : 1

3 : 1

3,5 : 1

4 : 1


9 / 24

4 . 1 S . O L I V E R R E D L A B E L

Corporate Design Farben:RED LABEL: rot (PANTONE 200C (gestrichenes Papier) PANTONE 3517U (ungestrichenes Papier) RGB 184 / 0 / 40)RED LABEL: weiß (nur wenn das Logo in rot schlecht lesbar ist)

RED LABEL: schwarz für URL und Lizenzbezeichnung

Gestrichenes PapierDruck mit Sonderfarben: PANTONE 200C Druck ohne Sonderfarben: CMYK 10 / 100 / 80 / 0

Ungestrichenes PapierDruck mit Sonderfarben: PANTONE 3517UDruck ohne Sonderfarben: CMYK 5 / 100 / 80 / 15

Druck mit Sonderfarben: HKS 15

Schrifthöhe

4 F A R B E V O N L O G O , U R L U N D L I Z E N Z B E Z E I C H N U N G

Auf den Layouts werden Logo, URL und Lizenzbezeichnung in unterschiedlichen Farben eingesetzt.

S H O E S S H O E S

10 / 24

Schrifthöhe

4 F A R B E V O N L O G O , U R L U N D L I Z E N Z B E Z E I C H N U N G

Auf den Layouts werden Logo, URL und Lizenzbezeichnung in unterschiedlichen Farben eingesetzt.

4 . 2 S . O L I V E R B L A C K L A B E L

Corporate Design Farben:BLACK LABEL: schwarz (PANTONE Black CMYK 40 / 40 / 40 / 100 RGB 0 / 0 / 0) BLACK LABEL: weiß (nur wenn das Logo in schwarz schlecht lesbar ist)

Druck mit Sonderfarben: PANTONE Black Druck ohne Sonderfarben: CMYK 40 / 40 / 40 / 100

S H O E S S H O E S

11 / 24

1 : 1 1 : 1,25 1 : 1,75 1 : 2 1 : 2,251 : 1,41

25% 40%30%

1 : 1

1,25 : 1

1,5 : 1

1,75 : 1

2 : 1

1,88 : 1

2,75 : 1

x>3 : 1

25%

50%

30%

35%

40%

HOCHFORMATELOGOBREITE = X% DER SCHMALSEITEURL-BREITE = 40% VON DER LOGOBREITELIZENZBEZEICHNUNG = 100% VON DER URL-HÖHE

QUERFORMATELOGOBREITE = X% DER SCHMALSEITEURL-BREITE = 40% VON DER LOGOBREITELIZENZBEZEICHNUNG = 100% VON DER URL-HÖHE

5 G R Ö S S E V O N L O G O , U R LU N D L I Z E N Z B E Z E I C H N U N G

Die Breite des s.Oliver-Logos hängt von dem Seitenverhältnis des Dokuments ab. Sie errechnet sich prozentual aus der kürzeren Formatseite der Seitenbreite (bei Hoch formaten) bzw. Seitenhöhe (bei Querformaten).

Beispiel:DIN A4 hat eine Seitenbreite von 21 cm. Die Breite des Logos entspricht 25% der Seitenbreite, also 25% von 21 cm = 52,5 mm. Die Breite der URL (40% der Logo-Breite) = 21 mm und die Höhe der Lizenzbezeichnung entspricht 100% der URL-Höhe = 2,84 mm.

5 . 1 I M P R I N T B E R E I C H

12 / 24

HOCHFORMATELOGOBREITE = X% DER SCHMALSEITE

QUERFORMATELOGOBREITE = X% DER SCHMALSEITE

Beispiel:100x140 Pixel hat eine Seitenbreite von 100 Pixel. Die Breite des Logos entspricht 25% der Seitenbreite, also 25% von 100 Pixel = 25 Pixel.

5 G R Ö S S E V O N L O G O U N DH A S H TA G

Die Breite des s.Oliver-Logos hängt von dem Seitenverhältnis des Dokuments ab. Sie errechnet sich prozentual aus der kürzeren Formatseite der Seitenbreite (bei Hoch formaten) bzw. Seitenhöhe (bei Querformaten).

5 . 2 I M O N L I N E - B E R E I C H

1 : 1 1 : 1,25 1 : 1,75 1 : 2 1 : 2,251 : 1,41

25% 40%30%

1 : 1

1,25 : 1

1,5 : 1

1,75 : 1

2 : 1

1,88 : 1

2,75 : 1

x>3 : 1

25%

50%

30%

35%

40%

13 / 246 L O G O P L ATZ I E R U N G

Generell ist das Logo im Bild so zu platzieren, wie im Cropping-Guide vorgegeben!

Bei Imageanzeigen, Poster und Smartprints

Ausrichtung unten zentriert

1

1

14 / 246 L O G O P L ATZ I E R U N G U N D W E I S S R A U M


3 . 2 I M P R I N T B E R E I C H1 : 1

1,25 : 1

1,41 : 1

Weissfläche ist 7 x Umlaufender Rand





1,5 : 1

1,75 : 1

2 : 1

2,25 : 1

2,75 : 1

3 : 1

3,5 : 1

4 : 1


1 : 2,25 1 : 2,75 1 : 3


1: 1,41 1: 1,5


1: 1,75 1: 2


1 : 1 1 : 1,25

15 / 24

2

Ausrichtung am umlaufenden Rand Platzierung der URL, Segmentbezeichnung

Webadresse- Die Breite beträgt 40% der Logobreite- Schriftschnitt: Akzidenz-Grotesk Pro Medium

Condensed in Versalien und einer Spationierung von 200

- Platziert wird die Webadresse am umlaufenden Rand in der rechten oder linken oberen Ecke

Lizenzbezeichnung- Bei Lizenzmotiven wird die Lizenzbezeichnung links neben der Domain platziert

- Der Abstand von Webadresse zu Lizenzbezeichnung beträgt dabei die Höhe der Webadresse mal 1

- Die Schrifthöhe ist 100% der URL-Höhe- Schriftschnitt: Akzidenz-Grotesk Pro Medium Condensed in Versalien und einer Spationierung von 200

1 facher Abstandder Webadressen-Höhe

Schrifthöhe ist 100% der URL-Höhe

12

Die URL und Lizenzbezeichnung richten sich am umlaufenden Rand aus und werden in der rechten oder linken oberen Ecke platziert. Der Abstand entspricht der Größe des umlaufenden Randes.

7 V I S U A L I S I E R U N G

7. 1 I M P R I N T B E R E I C H B E I G R O S S F O R M AT E N( P A P I E R P O S T E R & S M A R T P R I N T S )

1

16 / 24

Ausrichtung am umlaufenden Rand Ausrichtung am umlaufenden Rand bei Querfor- maten ab einem Seitenverhältnis von > 2:1



12


Das Logo wird horizontal zentriert platziert. Dabei beträgt der Abstand zur Unterkante des Formates der Größe des umlaufenden Randes mal 3. Die URL wird um 90 Grad nach links gedreht auf dem umlaufenden Rand in der rechten oberen Ecke platziert. Bei unkonkreter Visibilität kann sie auch links oben platziert werden.

Die Höhe der Weißfläche beträgt den 8 fachen Abstand des umlaufenden Randes.

Das Logo wird horizontal mittig auf der Weißfläche platziert.

Die URL wird um 90 Grad nach links gedreht auf dem 1,5 fachen umlaufenden Rand in der rechten oder linken oberen Ecke platziert.

Bei unkonkreter Visibilität kann sie auch links oben platziert werden.

1,5 facher umlaufender Rand

2

Die Breite der Weißfläche beträgt den 21 fachen Abstand des

umlaufenden Randes.

Das Logo wird vertikal mittig auf der Weißfläche platziert.

7. 2 B E I I M A G E A N Z E I G E N

1

17 / 28

3

Ausrichtung am umlaufenden Rand Ausrichtung am umlaufenden Rand bei Querfor- maten ab einem Seitenverhältnis von > 1,75:1 Bei Lizenzmotiven wird die Lizenzbezeichnung integriert



Lizenzbezeichnung- Bei Lizenzmotiven wird die Lizenzbezeichnung neben der Domain platziert


- Die Schrifthöhe ist 100% der URL-Höhe- Schriftschnitt: Akzidenz-Grotesk Pro Medium Condensed in Versalien und einer Spationierung von 200

12


Das Logo wird horizontal zentriert platziert. Dabei beträgt der Abstand zur Unterkante der Größe des umlaufenden Randes mal 3. Die URL wird um 90 Grad nach links gedreht auf dem umlaufenden Rand in der rechten oberen Ecke platziert. Bei unkonkreter Visibilität kann sie auch links oben platziert werden.

3

7. 3 B E I I M A G E A N Z E I G E N M I T L I Z E N Z Z U S ATZ

ALTERNATIVE:Bei unkonkreter Visibilität kann

die URL und der Zusatz auch links platziert werden.

Die Höhe der Weißfläche beträgt den 8 fachen Abstand des umlaufenden Randes.

Das Logo wird horizontal mittig auf der Weißfläche platziert.

2

Die Breite der Weißfläche beträgt den 21 fachen Abstand des

umlaufenden Randes.

Das Logo wird vertikal mittig auf der Weißfläche platziert.

1

Die URL wird um 90 Grad nach links gedreht auf dem 1,5 fachen umlaufenden Rand in der rechten oder linken oberen Ecke platziert.

Bei unkonkreter Visibilität kann sie auch links oben platziert werden.

1,5 facher umlaufender Rand

18 / 24

M U S T E R S T O R E / M U S T E R S T R . 0 0 / 0 0 0 0 0 M U S T E R S T A D T

L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R S I T

20%*L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M

* L o r e m i p s u m d o l o r s i t a m e t , c o n s e t e t u r .

M U S T E R S T O R E SM U S T E R S T R A S S E 0 / 0 0 0 0 M U S T E R S T A D TM U S T E R S T R A S S E 0 / 0 0 0 0 M U S T E R S T A D TM U S T E R S T R A S S E 0 / 0 0 0 0 M U S T E R S T A D T

L O R E M I P S U M D O L O R S I T

* L o r e m i p s u m d o l o r s i t a m e t , c o n s e t e t u r s a d i p s c i n g e l i t r , s e d d i a m n o n u m y e i r m o d t e m p o r i n v i d u n t u t l a b o r e e t d o l o r e m a g n a a l i q u y a m e r a t , s e d d i a m v o l u p t u a . A t v e r o e o s e t a c c u s a m e t j u s t o d u o d o l o r e s e t e a r e b u m . S t e t c l i t a k a s d

g u b e r g r e n , n o s e a t a k i m a t a s a n c t u s e s t L o r e m i p s u m d o l o r s i t a m e t .

L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R

L O R E M I P S U M D O L O R S T A M E T L O R E M I P S U M

20 % L O R E M I P S U M !

*





H Ä N D L E R L O G O

Logogröße30% der Schmalseite



Lizenzbezeichnung- Bei Lizenzmotiven wird die Lizenzbezeichnung neben der Domain platziert


- Die Schrifthöhe ist 100% der URL-Höhe- Schriftschnitt: Akzidenz-Grotesk Pro MediumCondensed in Versalien und einer Spationierung von 200

Die Händleranzeigen bedienen sich einem flexiblen Raster und können je nach Motiv und Textmenge individuell auf das Format angepasst werden.Bei einer Standart-Anzeige im A4 Hochformat hat das Dokument ein 6-spaltiges Raster, an dem der weiße Textrahmen mit roter Kontur (6pt) ausgerichtet wird.Alle textlichen Infos, das s.Oliver- und Händlerlogo müssen in dem Textrahmen auf der weißen Fläche abgebildet werden mit dem doppelten Abstand des umlaufenden Randes.Hierbei bitte die Abstände des umlaufenden Randes beachten (siehe Seite 7).Nur die URL mit Lizenzzusatz wird direkt auf dem Image platziert (siehe Seite 14 ff).

Der Abstand des Textrahmensentspricht der Größe des

umlaufenden Randes


umlaufenden Randes


umlaufenden Randes


7. 4 B E I H Ä N D L E R A N Z E I G E N

19 / 24

Ausrichtung am umlaufenden Rand Ausrichtung am umlaufenden Rand bei Querfor- maten Bei Lizenzmotiven wird die Lizenzbezeichnung integriert



Lizenzbezeichnung- Bei Lizenzmotiven wird die Lizenzbezeichnung über der Domain platziert


- Die Schrifthöhe ist 100% der URL-Höhe- Schriftschnitt: Akzidenz-Grotesk Pro Medium Condensed in Versalien und einer Spationierung

von 200

12

Das Logo wird horizontal zentriert platziert. Dabei beträgt der Abstand zur Unterkante der Größe des umlaufenden Randes mal 3. Die URL wird um 90 Grad nach links gedreht auf dem umlaufenden Rand in der rechten oberen Ecke platziert. Bei unkonkreter Visibilität kann sie auch links oben platziert werden.

2Der Abstand der URL entspricht

der Größe des umlaufenden Randes mal 3

3

1

Der Abstand der URL entspricht der Größe des umlaufenden

Randes mal 3


7. 5 B E I P O S T K A R T E N

3

1 facher Abstandder Webadressen-Höhe

Die URL wird auf dem 1,5 fachen umlaufenden Rand

platziert.

ACCE

SSOR

IES

ACCE

SSOR

IES

20 / 24

Ausrichtung Querformate ab einem Seitenverhältnis von > 5:1.

Hochformate ab einem Seitenverhältnis von > 1:5.

123

1

Das Logo wird zentriert im Bild platziert.


7. 6 I M O N L I N E B E R E I C H

3

2

21 / 248 L AY O U T B E I S P I E L E

Der Aufbau der Layouts basiert auf den vorgenannten Grundregeln.

Beispiele anhand eines Posters im DinA1 Format

8 . 1 P O S T E R

22 / 24


Beispiele anhand einer Imageanzeige im DinA4 Format

8 L AY O U T B E I S P I E L E

8 . 2 I M A G E A N Z E I G E N

23 / 24

M U S T E R S T O R E SM U S T E R S T R A S S E 0 / 0 0 0 0 M U S T E R S T A D TM U S T E R S T R A S S E 0 / 0 0 0 0 M U S T E R S T A D TM U S T E R S T R A S S E 0 / 0 0 0 0 M U S T E R S T A D T

L O R E M I P S U M D O L O R S I T

* L o r e m i p s u m d o l o r s i t a m e t , c o n s e t e t u r s a d i p s c i n g e l i t r , s e d d i a m n o n u m y e i r m o d t e m p o r i n v i d u n t u t l a b o r e e t d o l o r e m a g n a a l i q u y a m e r a t , s e d d i a m v o l u p t u a . A t v e r o e o s e t a c c u s a m e t j u s t o d u o d o l o r e s e t e a r e b u m . S t e t c l i t a k a s d

g u b e r g r e n , n o s e a t a k i m a t a s a n c t u s e s t L o r e m i p s u m d o l o r s i t a m e t .

L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R S I T A M E T L O R E M I P S U M D O L O R

L O R E M I P S U M D O L O R S T A M E T L O R E M I P S U M

20 % L O R E M I P S U M !

*





H Ä N D L E R L O G O






Beispiele anhand einer Händleranzeige im DinA4 Format. Der Aufbau gilt sowohl für s.Oliver RED LABEL als auch für BLACK LABEL.


8 . 3 H Ä N D L E R A N Z E I G E N

24 / 24


Beispiele anhand verschiedener Imagebanner


8 . 4 O N L I N E

25 / 24

S O L I V E R . C O M

Documents

CORPORATE DESIGN MANUAL SPRING 2018 - … file4 FARBE VON LOGO, URL UND LIZENZBEZEICHNUNG 4.1 s.Oliver RED LABEL 4.2 s.Oliver BLACK LABEL 5 GRÖSSE VON LOGO, ... zum Einsatz kommen