Bewegtbild Styleguide B2C - design.austria.info · Wenn das Logo mit Partnerlogos verwendet werden soll, dann werden die Logos idealerweise jeweils alleine auf einen eigenen Slide

B e w e g t b i l d S t y l e g u i d e B 2 CÖ s t e r r e i c h W e r b u n g

# B E W E G T B I L D

# C O R P O R AT E C O M M U N I C AT I O N 3ALLGEMEIN 4

# L O G O 5LOGOVARIANTEN 6SPERRÄUME 7LOGO UND HASHTAG 8

# F A R B E N 0 9HAUPTFARBEN 10

# T Y P O G R A P H I E 1 1FONTS UND ANWENDUNGEN 12

# F O R M AT E 1 3DIE CONTENT-PYRAMIDE 14ZU PRODUZIERENDE FORMATE 15

# G R I D S 1 6ORIENTIERUNGSGRIDS / SAFE-BEREICHE 1716:9 (ONLINE, TV) 182,35:1 (KINO) 199:16 (OUT-OF-HOME, MOBILE) 201:1 (MOBILE) 214:5 (MOBILE) 22360° ANWENDUNGEN 23

# V I S U E L L E E L E M E N T E 2 4LOGO UND HASHTAG 25HASHTAG 30INFOLAYER 33BAUCHBINDEN 37VERORTUNG 40CORNERBUGS 42SUBTITLES 44CALL TO ACTION 47WEITERE VISUELLE ELEMENTE / SONDERFORMEN 50

# C O R P O R AT E C O M M U N I C AT I O N

3

# C O R P O R AT E C O M M U N I C AT I O N

ALLGEMEIN

Dieser Styleguide dient dazu, die Marke ÖSTERREICH WERBUNG im Bereich "Bewegtbild" ideal darzustellen. Es wird Wert darauf gelegt eine elegante, moderne Optik zu gewährleisten, die die Essenz der Marke repräsentiert.

Der Styleguide orientiert sich dabei an den Grundelementen der bereits existierenden Corporate Identity der ÖSTERREICH WERBUNG. Weiterführende Informationen: http://design.austria.info

Als Best-Practice-Beispiel führen wir die Videos zu "Alpinem Lebensgefühl" an, die im Zweifelsfall auch als Referenz genutzt werden können.

4

# L O G O

5

# L O G O

LOGOVARIANTEN

Die B2C-Logo-Variante mit „Österreich“ stellt eine ausgewogene Kombination aus Text und Illustration dar. Der Claim „ankommen und aufl eben“ ist fi xer Bestandteil dieses Logos.

Für den Bewegtbildeinsatz ist auf gute Lesbarkeit in der jeweiligen Anwendung zu achten. Für Fernwirkung oder Kleinstanwendungen existiert deshalb eine stärkere Logo-Variante in negativ und schwarz.

Im Bewegtbild wird vorwiegend mit der Negativvariante gearbeitet. Eine Verwendung der schwarzen Variante ist nur im Notfall zulässig.

Für den Einsatz von Cornerbugs gibt es zusätzlich eine Logo-Variante ohne Claim.

Bei Sprachadaptionen sind die entsprechenden Logos in der jeweiligen Sprache zu verwenden. Eine Übersicht über die verschiedenen Sprachversionen fi ndet sich hier: http://design.austria.info/b2c/logo/logo-sprachen/ .

B 2 C - L O G O F Ü R D E N B E W E G T B I L D - B E R E I C H

B 2 C - L O G O F Ü R A U S S N A H M E N I M B E W E G T B I L D - B E R E I C H

S T Ä R K E R E S B 2 C - L O G O F Ü R B E S S E R E L E S B A R K E I T

6

# L O G O

SPERRÄUME

Um dem Logo genug Raum zu geben und eine elegante, moderne Optik zu gewährleisten, muss bei der Platzierung ein Mindestabstand X eingehalten werden. X ist jeweils die Höhe des Buchstabens Ö.Bei dieser Größe handelt es sich um das absolute Minimum. Je mehr Freiraum dem Logo zur Verfügung gestellt wird, desto besser.

7

# L O G O

LOGO UND HASHTAG

8

Wird Bewegbildmaterial in Form einer Kampagne mit Claim produziert, ist das Logo immer zusammen mit einem Hashtag zu verwenden. Dieser wird dem Logo mit 1/2 X in der jeweiligen Farbanwendung und der Größe N bündig am Weiß der österreichischen Flagge vorweggestellt.Die zu verwendende Schrift ist Helvetica Neue 45 Light in Versalien mit einer Laufweite von 150 bis 200.

# # F E E L A U S T R I A

½ X½ X

N

N

# F A R B E N

9

# FA R B E N

HAUPTFARBEN

Die Hauptfarben des Corporate Designs sind Rot und Schwarz und werden im Bewegtbild um die Farbe Weiß erweitert.

Rot ist nicht nur eine starke und einprägsame Signalfarbe, sondern leitet sich auch von der österreichischen Flagge sowie dem Logo ab.

Die Farbe Schwarz bildet einen starken Kontrast und verleiht dem Markenauftritt eine moderne Optik.

Die Farbe Weiß leitet sich von der österreichischen Flagge ab und ist auf den meisten Bewegtbild-Anwendungen gut lesbar. Daher ist Weiß in diesem Medium die vorwiegende Farbe.

R 2 2 0 , G 0 , B 0 D C 0 0 0 0H 0 , S 1 0 0 , V 8 6

R 0 , G 0 , B 0 0 0 0 0 0 0H 0 , S 0 , V 0

R 2 5 5 , G 2 5 5 , B 2 5 5 F F F F F FH 0 , S 0 , V 1 0 0

10

# T Y P O G R A P H I E

11

# T Y P O G R A P H I E

FONTS UND ANWENDUNGEN

Als Schrift kommt Helvetica Neue zum Einsatz, eine besonders elegante, zeitlose sowie höchst vielseitig einsetzbare Schriftart. Sie soll im Bewegtbild nach Möglichkeit in der 45 Light Variante eingesetzt werden. Um eine bessere Lesbarkeit zu sichern, kann aber im Notfall auch auf einen stärkeren Schriftsatz umgestellt werden.

12

# F O R M AT E

13

Die Bewegtbildproduktionen der Österreich-Werbung teilen sich entsprechend der Content-Pyramide in folgende drei Bereiche ein:

Hero-Content:Der Hero-Content dient in erster Linie der Marke. Er erzählt die Geschichten der Sehnsuchtsthemen. Die Geschichten kommunzieren die Markenessenz von "Urlaub in Österreich".

Hub-Content:Unter Hub-Content versteht man Informationen, die in regelmäßigen Abständen an den potenziellen Gast weitergegeben werden. Diese Videos kommunizieren spezifische Themen und werden auch für einzelne Märkte produziert bzw. adaptiert.

Basis-bzw. Help-Content:Darunter fallen alle Inhalte, nach denen Kunden regelmäßig suchen, wenn sie sich über das Urlaubsland Österreich informieren wollen. Dazu zählen FAQs oder How-To-Anleitungen.

# F O R M AT E

DIE CONTENT-PYRAMIDE

HERO-CONTENT

HUB-CONTENT

HELP-CONTENT

14

Aus der Content-Pyramide lassen sich die Auswertung un die zu produzierenden Bewegtbildformate ableiten.

# F O R M AT E

ZU PRODUZIERENDE FORMATE

HERO-CONTENT

HUB-CONTENT

HELP-CONTENT

Formate: Werbung/Kino (2,35:1; 16:9), Social Media (16:9; 9:16; 1:1; 4:5),

Formate: 16:9; ggf.: 1:1; 9:16

Formate: 16:9; ggf.: 1:1; 9:16

15

# G R I D S

16

# G R I D S

ORIENTIERUNGSGRIDS / SAFE BEREICHE

Die zu verwendenden visuellen Elemente werden in diesem Manual in Pixelangaben, Prozentangaben und Seitenformaten definiert, um eine universelle Verwendbarkeit in verschiedenen Schnitt- und Grafikprogrammen zu garantieren. Um Fehler zu vermeiden, ist dieses CI Manual aber ideralerweise in Verbindung mit der After Effects Vorlage zu verwenden.

Im Folgenden sind die generellen Raster und Formate als grundsätzliche Orientierung definiert, bevor dann im Detail die verschiedenen Elemente und ihre Anwendung konkret dargestellt werden können.

17

# G R I D S

16:9 (ONLINE, TV)

A C T I O N S A F E 9 0 %

T I T L E S A F E 8 0 %

1 0 8 0 p x

1 9 2 0 p x

18

# G R I D S

2,35:1 (KINO)

A C T I O N S A F E 9 0 %T I T L E S A F E 8 0 %

8 1 7 p x

1 9 2 0 p x

19

# G R I D S

9:16 (OUT-OF-HOME, MOBILE)


T I T L E S A F E 8 0 %

1 0 8 0 p x

6 0 8 p x

20

# G R I D S

1:1 (MOBILE)


T I T L E S A F E 8 0 %

1 0 8 0 p x

1 0 8 0 p x

21

# G R I D S

4:5 (MOBILE)


T I T L E S A F E 8 0 %

1 0 8 0 p x

8 6 4 p x

22

# G R I D S

360° ANWENDUNGEN

360° Bewegtbild orientiert sich am 16:9 Grid. Als Referenz für das Grid wird einfach der ideale Bildausschnitt für den Beobachter im 360° Raum gewählt. Es ist dabei besonders darauf zu achten, dass Titles, Bauchbinden etc. immer leserlich gesetzt sind.


T I T L E S A F E 8 0 %

23

1 0 8 0 p x

1 9 2 0 p x

# V I S U E L L E E L E M E N T E

24

# L O G O

LOGO UND HASHTAG

Bei allen Produktion ist das Logo als Endchart zu verwenden!

Dabei soll das Logo im erlaubten Raum und innerhalb der Größenvorgaben frei gesetzt werden und sich in die Bildkomposition einfügen.

25

# V I S U E L L E E L E M E N T E I L O G O U N D H A S H TA GA N W E N D U N G S B E R E I C H E

1 6 : 9 ( M A X I M A L G R Ö S S E : 5 0 % , M I N I M A L G R Ö S S E : 4 0 % ) 2 , 3 5 : 1 ( M A X I M A L G R Ö S S E : 5 0 % , M I N I M A L G R Ö S S E : 4 0 % ) 9 : 1 6 ( M A X I M A L G R Ö S S E : 8 0 % , M I N I M A L G R Ö S S E : 6 0 % )

1 : 1 ( M A X I M A L G R Ö S S E : 8 0 % , M I N I M A L G R Ö S S E : 6 0 % )

Das Logo (+ evt l . Hashtag) kann jewei ls im weißen Bere ich f re i Gesetzt werden.

26

4 : 5 ( M A X I M A L G R Ö S S E : 8 0 % , M I N I M A L G R Ö S S E : 6 0 % )

# V I S U E L L E E L E M E N T E I L O G O U N D H A S H TA GL O G O A N W E N D U N G M I T A N D E R E N L O G O S

Wenn das Logo mit Partnerlogos verwendet werden soll, dann werden die Logos idealerweise jeweils alleine auf einen eigenen Slide gestellt und nicht gleichzeitig eingeblendet. Partnerlogos werden bei Größe und Positionierung gleich behandelt wie das Österreich-Werbung-Logo. Idealerweise sollen die Logos mittig gesetzt werden. Um den Stil der Österreich-Werbung-Videos nicht zu brechen, sollen die Partnerlogos in ihrer Weißanwendung gezeigt werden.

27

# V I S U E L L E E L E M E N T E I L O G O U N D H A S H TA GD O S & D O N T S

R I C H T I G R I C H T I G G E S E T Z T , I N B I L D K O M P O S I T I O N

E I N G E B U N D E N .F A L S C H Z U K L E I N , N I C H T I N B I L D K O M P O S I T I O N

E I N G E B U N D E N , F E H L E N D E R H A S H T A G F Ü R K A M P A G N E

28

# V I S U E L L E E L E M E N T E I PA R T N E R L O G O SD O S & D O N T S

R I C H T I G R I C H T I G M I T T I G G E S E T Z T , I N B I L D K O M P O S I T I O N

E I N G E B U N D E N .

29

F A L S C H K E I N E I G E N E R S L I D E S O N D E R N G L E I C H Z E I T I G E V E R W E N D U N G

M I T P A R T N E R L O G O . P A R T N E R L O G O N I C H T I N W E I S S A N W E N D U N G .

K E I N E I G E N E R S L I D E S O N D E R N G L E I C H Z E I T I G E V E R W E N D U N G

M I T P A R T N E R L O G O . P A R T N E R L O G O N I C H T I N W E I S S A N W E N D U N G .


HASHTAG

Die Bewegtbildproduktion der Österreich Werbung beginnt für gewöhnlich mit einem Hashtag als Titel und der Zuordnung zu einer Kampagne.

Die Hashtags werden im erlaubten Bereich in weißer Schrift in Versalien linksbündig über das Bewegbild gesetzt. Sie stehen so nicht auf einem extra Chart, sondern dezent auf dem Bewegtbild, um nicht von der starken Bilderwelt der Österreich Werbung abzulenken.

Die zu verwendende Schrift ist Helvetica Neue 45 Light in Versalien. Es ist dabei in den jeweiligen Formaten eine Schriftgröße und Laufweite nach Vorlage zu verwenden.Es ist eine möglichst große Laufweite erwünscht, um die Eleganz und Hochwertigkeit zu betonen. Bei Mobilanwendung ist außerdem auf eine generell gute Lesbarkeit zu achten.

30

# V I S U E L L E E L E M E N T E I H A S H TA GA N W E N D U N G S B E R E I C H E

1 6 : 9 2 , 3 5 : 1 9 : 1 6

1 : 1

Die Hashtags s ind l inksbündig zu setzen.

31

4 : 5

# V I S U E L L E E L E M E N T E I H A S H T A GD O S & D O N T S

F A L S C H F A L S C H E L A U F W E I T E , F A L S C H G E S E T Z T , U N R U H I G E R

H I N T E R G R U N D , N I C H T L E S E R L I C H .

# F E E L A U S T R I A

32

R I C H T I G R I C H T I G G E S E T Z T , V O R R U H I G E M

H I N T E R G R U N D , G U T L E S E R L I C H , L I N K S B Ü N D I G .


INFOLAYER

Infolayer sind generell einzeilig, mittig und gut leserlich im Title-Safe Bereich über das Bewegbild zu setzen.Dabei können Sie vor dem Bewegtbild oder auch auf Weiß als Kapiteltrenner verwendet werden.

Die zu verwendende Schrift ist Helvetica Neue 45 Light in Versalien. Es ist dabei in den jeweiligen Formaten eine Schriftgröße und Laufweite nach Vorlage zu verwenden.Es ist eine möglichst große Laufweite erwünscht, um die Eleganz und Hochwertigkeit zu betonen.

33

# V I S U E L L E E L E M E N T E I I N F O L AY E RA N W E N D U N G S B E R E I C H E

1 6 : 9 2 , 3 5 : 1 9 : 1 6

1 : 1

34

4 : 5

# V I S U E L L E E L E M E N T E I I N F O L A Y E RD O S & D O N T S

R I C H T I G R I C H T I G M I T T I G G E S E T Z T , G U T L E S E R L I C H ,

L A U F W E I T E V O N 2 0 0 .

F A L S C H F A L S C H E L A U F W E I T E , F A L S C H G E S E T Z T ,

K A U M L E S E R L I C H , N I C H T M I T T I G , K E I N E V E R S A L I E N .

C o m e a n d v i s i t A u s t r i a .

35

C O M E A N D V I S I T A U S T R I A .

# V I S U E L L E E L E M E N T E I I N F O L A Y E R A L S Z W I S C H E N C H A R T SD O S & D O N T S

R I C H T I G R I C H T I G G E S E T Z T , G U T L E S E R L I C H ,

L A U F W E I T E V O N 1 5 0 .

F A L S C H Z W E I Z E I L I G , F A L S C H E F A R B E .

36

H O W T O M A K E A U S T R I A N C A K E . H O W T O M A K E A U S T R I A N C A K E .


BAUCHBINDEN

Bauchbinden werden zweizeilig links- oder rechtsbündig am Rande des Action-Safe-Bereichs und auf 1/4 der Höhe des Formats gesetzt.

Die zu verwendende Schrift ist Helvetica Neue 45 Light in Groß- und Kleinschreibung. Es ist dabei in den jeweiligen Formaten eine Schriftgröße und Laufweite nach Vorlage zu verwenden. Im 1:1, 4:5 und 9:16 Format g ibt es für e ine bessere Lesbarkei t e inen semitransparenten Hintergrund.

37

# V I S U E L L E E L E M E N T E I B A U C H B I N D E NA N W E N D U N G S B E R E I C H E

1 6 : 9 2 , 3 5 : 1 9 : 1 6

1 : 1

Bauchbinden s ind in Größe und Schr i f tsatz fest def in ier t und werden auf 1/4 der Formathöhe (or ient ier t an der Mit te der Bauchbinden) l inks- oder rechtsbündig gesetzt .

38

4 : 5

# V I S U E L L E E L E M E N T E I B A U C H B I N D E ND O S & D O N T S

R I C H T I G E I N H A L T U N G D E R F E S T D E F I N I E R T E N

B A U C H B I N D E N .

F A L S C H A N D E R S A R T I G E , E I G E N E I N T E R P R E T A T I O N D E R

B A U C H B I N D E N .

G u i d o U n t e r w u r z a c h e r B e r g f ü h r e r

39


VERORTUNG

40

Verortungen werden im erlaubten Bereich in weißer Schrift in Versalien über Bewegbild rechtsbündig gesetzt. Sie stehen so nicht auf einem extra Chart, sondern dezent auf dem Bewegtbild, um nicht von der starken Bilderwelt der Österreich Werbung abzulenken.

Die zu verwendende Schrift ist Helvetica Neue 45 Light in Ver-salien. Es ist dabei in den jeweiligen Formaten eine Schriftgröße und Laufweite nach Vorlage zu verwenden. Es ist eine möglichst große Laufweite erwünscht, um die Eleganz und Hochwertigkeit zu betonen. Bei Mobilanwendung ist außerdem auf eine generell gute Lesbarkeit zu achten.

# V I S U E L L E E L E M E N T E I V E R O R T U N GA N W E N D U N G S B E R E I C H E

1 6 : 9 2 , 3 5 : 1 9 : 1 6

1 : 1

Die Verortung ist rechtsbündig zu setzen.

41

4 : 5


CORNERBUGS

Der Cornerbug ist ein Element, das für manche Formen der Werbung (z.B. Außenwerbung) verwendet wird. Die Cornerbugs bestehen aus dem Logo ohne Claim (siehe Kapitel-Logo). Sie können in den jeweiligen Sprachen eingesetzt werden und sind so zu verwenden, dass sie auf allen Endgeräten klar wahrgenommen werden können, das Bild und andere Elemente aber nicht stören.

Bewegtbildproduktionen für YouTube sind nie mit Cornerbug anzuliefern, da hier mit einem in den YouTube Player integrierten Cornerbug-Overlay gebrandet wird.

42

# V I S U E L L E E L E M E N T E I C O R N E R B U G SD O S & D O N T S

R I C H T I G G U T L E S B A R R E C H T S O B E N I N D E R E C K E F A L S C H Z U G R O S S , I M F E L D D E S H A S H T A G S

43


SUBTITLES

Subtitles sind einzeilig oder zweizeilig zu setzen.

Die zu verwendende Schrift ist Helvetica Neue 45 Light - wahlweise in Versalien oder in Groß- und Kleinbuchstaben. Es ist dabei in den jeweiligen Formaten eine festdefinierte Schriftgröße und Laufweite nach Vorlage zu verwenden. Generell sind Subtitles aber für YouTube und andere Player, die eine Übersetzung zu lassen, direkt in den Player einzubinden.

44

# V I S U E L L E E L E M E N T E I S U B T I T L E SA N W E N D U N G S B E R E I C H E

1 6 : 9 2 , 3 5 : 1 9 : 1 6

1 : 1

45

4 : 5

# V I S U E L L E E L E M E N T E I S U B T I T L E SD O S & D O N T S

R I C H T I G E I N H A L T U N G D E R F E S T D E F I N I E R T E N

S U B T I T L E S .

F A L S C H A N D E R S A R T I G E , E I G E N E I N T E R P R E T A T I O N D E R

B A U C H B I N D E N M I T S C H L A G S C H A T T E N .

L O R E 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 E L I T R .

46


CALL TO ACTION

47

Der Call to Action wird im erlaubten Bereich in weißer Schrift mittig über das Bewegtbild. Er steht also nicht auf einem extra Chart, sondern stilvoll auf dem Bewegtbild, um nicht schreierisch von der starken Bilderwelt der Österreich Werbung abzulenken. Die zweite Zeile ist fest definiert zu setzen und mit dem weißen Rand zu verwenden.

Die zu verwendende Schrift ist Helvetica Neue 45 Light alles in kleinschreibung. Es ist dabei in den jeweiligen Formaten eine Schriftgröße und Laufweite nach Vorlage zu verwenden.Es ist eine möglichst große Laufweite erwünscht, um die Eleganz und Hochwertigkeit zu betonen.

# V I S U E L L E E L E M E N T E I C A L L T O A C T I O NA N W E N D U N G S B E R E I C H E

1 6 : 9 2 , 3 5 : 1 9 : 1 6

1 : 1

48

4 : 5

# V I S U E L L E E L E M E N T E I C A L L T O A C T I O ND O S & D O N T S

R I C H T I G E L E G A N T E S , Z E I T L O S E S D E S I G N I N H A U S S C H R I F T

R E P R Ä S E N T I E R T D I E G R U N D P F E I L E R D E R

C O R P O R A T E C O M M U N I C A T I O N , R I C H T I G N A C H V O R L A G E

F A L S C H F A L S C H E F A R B E , F A L S C H E S C H R I F T , F A L S C H E R

S T I L , N I C H T R E P R Ä S E N T A T I V F Ü R D I E M A R K E

" Ö S T E R R E I C H W E R B U N G " , K E I N E V O R L A G E V E R W E N D E T

Er l ebe d i e ganze Gesch ich te :

49


WEITERE VISUELLE ELEMENTE / SONDERFORMEN

Müssen weitere grafische Elemente genutzt werden, sind in jedem Fall die im CI Manual definierten Grundelemente, wie Typographie, Farben und Sperräume zu beachten. In jedem Fall ist abzugleichen, ob die Grundgedanken der Corporate Communication eingehalten werden und die visuellen Elemente der Marke "Urlaub in Österreich" entsprechen.Dies ist auch bei weiteren Sonderformen und Anpassungen der im CI Manual vorgegebenen Elemente zu beachten.

50

Documents

Bewegtbild Styleguide B2C - design.austria.info · Wenn das Logo mit Partnerlogos verwendet werden soll, dann werden die Logos idealerweise jeweils alleine auf einen eigenen Slide