Guideline Airhelp

/STYLE GUIDE
INDEX
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 22 23 24 25 26 27 28 29
LOGO SPECIFICATION
our brand Logo construction Spacing / Typography Spacing / Pictogram / Typography Positive / Negative Colors Colors Background Texture Incorrect Use Minimum Reduction / Print Minimum Reduction / Screen Text alignment Clear Space / Cobranding STATIONERY Letterhead Business Card Envelope COMUNICATION Advertising / Poster Advertising / Poster / Grid Layout TYPOGRAPHY Open Sans Clemente POWER POINT PPT Front Cover / Vertical PPT Front Cover / Horizontal DOCUMENTS Print Front Cover / Horizontal Print Front Cover / Vertical POWER POINT / DOCUMENTS Layout Pages Print and PPT Back Cover / Horizontal Print and PPT Back Cover / Vertical E-MAIL Signature Specification
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
MOBILE
Logo / Spacing Icon App / Splash Screen Icons Color Specification
BANNERS
300X250 336x280 728X90 160X600 970X90 468X60 120X600 300X600 250X250 200X200 300X50
LOGO SPECIFICATION
OUR BRAND
This document is a guide to the brand communication style for AirHelp. It explains what our brand stands for, how its expressed, and how the creative elements fit together in all our communications. The guide should be followed when commissioning, designing or delivering any kind of communications.
AirHelp - 2013 | www.airhelp.eu
LOGO SPECIFICATION
Logo construction
67 inclination
LOGO SPECIFICATION Spacing / Typography
22 inclination
-23 inclination
LOGO SPECIFICATION Spacing / Pictogram / Typography
LOGO SPECIFICATION Positive / Negative
LOGO SPECIFICATION Colors
LOGO SPECIFICATION Colors Background
Black and green are the ofcial AirHelp colors used on our logo. It is important to maintain a consistent use of both colors to support the creation of a strong, recognizable identity. RGB values should only be used for electronic media, such as the web, PowerPoint presentations, and other applications that are viewed on a computer monitor.
P
CMYK RGB Lab HSB #
C75 M 65 R 24 G 24 L4 a -1 H 59 S 3% 181817
90%
Y 60 K 80 B 23 b -3 B 9%
60% 30%
If you are printing using a coloured background, you need to make sure there is sufficient contrast and clarity. On a light coloured background, the AirHelp logo should appear in black or green. In case need a background the only colors who can be used are black or green with the white logo.
CMYK RGB Lab HSB # Y 60 B 23 K 50 C75 M 65 R 24 G 24 L4 a -1 H 59 S 3% 181817 Y 60 K 80 B 23 b -3 B 9%
CMYK RGB
C75 R 24
M 65 G 24
Y 60 B 23
K 80
CMYK RGB
C75 R 24
M 65 G 24
S
CMYK RGB Lab HSB #
C75 M8 R 45 G 172 L 63 a -41 H 166 S 73% 2CA68C

90%
Y 54 K 0 B 145 b3 B65%
60% 30%
CMYK RGB Lab HSB #
C75 M8 R 45 G 172 L 63 a -41 H 166 S 73% 2CA68C
Y 54 K 0 B 145 b3 B65%
CMYK RGB
C 75 R 45
M8 G 172
Y 54 K 0 B 145
CMYK RGB
C 53 R 24
M0 G 24
Y 31 B 23
K0
LOGO SPECIFICATION Texture
LOGO SPECIFICATION Incorrect Use
Always use the official master artwork files issued by the AirHelp to reproduce the signature. Neither alter or add to the signature, nor create your own version of it. These illustrations show many but by no means all common errors you must avoid. Remember that our ownership of our trade marks depends on using them correctly. Also remember that they are our most tangible link with the public.
Do not enclose the signature in any shape or outline.
Do not use a busy, complex background that interferes with legibility.
Do not add graphics of any sort to a signature.
Do not use unapproved colors.
Do not change the value of the colors. They should not be lightened or darkened.
Do not place a signature on an angle.
AirHelp
Do not distort or change the size or propotional relationships of the elements. Do not recreate or alter the typefac. Do not place a drop shadow.
Lorem ipsum dolor
Do not add any tagline, name or text.
Do not add lines above or below.
Dont apply any effects
LOGO SPECIFICATION Minimum Reduction / Print
LOGO SPECIFICATION Minimum Reduction / Screen
The AirHelp signature reproduces well at almost any size. Going too small, however, can damage the logos integrity and effectiveness. So for print purpose please never reproduce the signature smaller than 20 mm with typography and smaller than 5 mm if we are using only the pictogram.
The AirHelp signature reproduces well at almost any size. Going too small, however, can damage the logos integrity and effectiveness. So for screen purpose please never reproduce the signature smaller than 90 px with typography and smaller than 33 px if we are using anly the pictogram.
20 mm
5 mm 90 px 33 px
10
11
LOGO SPECIFICATION Text alignment
LOGO SPECIFICATION Clear Space / Cobranding
Always maintain clear space around the AirHelp signature to protect the logo from distracting graphics or typography.
12
13
STATIONERY
Letterhead
Shirley B. Williams 3827 Woodlawn Drive Oak Creek, WI 53154
STATIONERY Business Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, dicant epicuri in mea, autem detraxit cum ad, eu pri tantas fuisset. Dico invenire facilisis cu cum, nec ea sonet aperiri eripuit, id expetendis elaboraret percipitur est. Meis nostro fierent cu pro. Tantas facilisi appellantur an usu, pri modus mandamus ne. Cu quo iriure inermis luptatum, nibh perpetua ut pri. Ea pro falli expetendis.Nostrum splendide nam an, perfecto signiferumque no usu, vel maiorum tacimates comprehensam an. Ea eos illud ullamcorper, te pro vitae altera, vix dolorum alienum iracundia cu. Has ne causae scriptorem. Esse rebum possim ex vix. Agam eius homero ne vel, quis disputando necessitatibus ea mei, eos ea deleniti legendos. Nec et velit nominavi scaevola, no quo tantas cetero dolorum. In vivendo epicurei mei, duo ea mollis postulant, sed ut aeque deleniti complectitur. Facer soleat contentiones no mel, falli audiam verear te cum. Duo te prima mnesarchum, brute antiopam ut nec. Sed affert pertinax ne. Nam saepe nostrum eu, ius verear percipit te, cum at reque cetero.a eam ridens aperiam prodesset, ei iusto oblique rationibus has. Usu regione tritani at, minim alterum id nam, in qui inani dolorem. Ad altera adipisci voluptatum mei, impetus molestie nec cu, cu mei veritus dignissim. Nam illum blandit no, te sit tota tollit. Fugit eruditi mentitum an eam. In vis indoctum accommodare. Et vel oporteat invenire maiestatis, ex duo atqui simul. Lorem ipsum dolor sit amet, dicant epicuri in mea, autem detraxit cum ad, eu pri tantas fuisset. Dico invenire facilisis cu cum, nec ea sonet aperiri eripuit, id expetendis elaboraret percipitur est. Meis nostro fierent cu pro. Tantas facilisi appellantur an usu, pri modus mandamus ne. Cu quo iriure inermis luptatum, nibh perpetua ut pri. Ea pro falli expetendis. Nostrum splendide nam an, perfecto signiferumque no usu, vel maiorum tacimates comprehensam an. Ea eos illud ullamcorper, te pro vitae altera, vix dolorum alienum iracundia cu. Has ne causae scriptorem. Esse rebum possim ex vix. Agam eius homero ne vel, quis disputando necessitatibus ea mei, eos ea deleniti legendos. Nec et velit nominavi scaevola, no quo tantas cetero dolorum. In vivendo epicurei mei, duo ea mollis postulant, sed ut aeque deleniti complectitur. Facer soleat contentiones no mel, falli audiam verear te cum. Duo te prima mnesarchum, brute antiopam ut nec. Sed affert pertinax ne. Nam saepe nostrum eu, ius verear percipit te, cum at reque cetero.a eam ridens aperiam prodesset, ei iusto oblique rationibus has. Usu regione tritani at, minim alterum id nam, in qui inani dolorem. Ad altera adipisci voluptatum mei, impetus molestie nec cu, cu mei veritus dignissim. Nam illum blandit no, te sit tota tollit. Fugit eruditi mentitum an eam. In vis indoctum accommodare. Et vel oporteat invenire maiestatis, ex duo atqui simul. Pri ignota doming senserit eu, ius in saperet dignissim. Te has justo mollis nominavi. Lorem ipsum dolor sit amet, dicant epicuri in mea, autem detraxit cum ad, eu pri tantas fuisset. Dico invenire facilisis cu cum, nec ea sonet aperiri eripuit, id expetendis elaboraret percipitur est. Meis nostro fierent cu pro. Tantas facilisi appellantur an usu, pri modus mandamus ne. Cu quo iriure inermis luptatum, nibh perpetua ut pri. Ea pro falli expetendis. Nostrum splendide nam an, perfecto signiferumque no usu, vel maiorum tacimates comprehensam an. Ea eos illud ullamcorper, te pro vitae altera, vix dolorum alienum iracundia cu. Has ne causae scriptorem. Esse rebum possim ex vix. Agam eius homero ne vel, quis disputando necessitatibus ea mei, eos ea deleniti legendos. Nec et velit nominavi scaevola, no quo tantas cetero dolorum. Cer soleat contentiones no mel, falli audiam verear te cum. Duo te prima mnesarchum, brute antiopam ut nec. Sed affert pertinax ne. Nam saepe nostrum eu, ius verear percipit te, cum at reque cetero.a eam ridens aperiam prodesset, ei iusto oblique rationibus has. Usu regione tritani at, minim alterum id nam, in qui inani dolorem. Ad altera adipisci voluptatum mei, impetus molestie nec cu, cu mei veritus dignissim. Nam illum blandit no, te sit tota tollit. Fugit eruditi mentitum an eam. In vis indoctum accommodare. Et vel oporteat invenire maiestatis, ex duo atqui simul. Pri ignota doming senserit eu, ius in saperet dignissim.
AirHelp Ltd. C/O Bearskin Ventures Gasvaerksvej 15 C, stuen 1656 Copenhagen V Denmark www.airhelp.eu
Henrik Zillmer
Managing Director
Trevis Parker managing director
tel: 875 564 4675 mobile: 7464 58758 hz@airhelp.eu C/O Bearskin Ventures Gasvaerksvej 15 C, stuen 1656 Copenhagen V Denmark
www.airhelp.eu
14
15
STATIONERY Envelope
COMUNICATION
Advertising / Poster
16
17
COMUNICATION Advertising / Poster / Grid Layout
TYPOGRAPHY
Open Sans
Typefaces are an important part of the AirHelp identity. The consistent use of the AirHelp typefaces is essential to helping us establish a recognised and professional brand. These typefaces must be clean, clear and easy to read. It is vital that they are used correctly across all services, messages and materials.
Open Sans Regular

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 @&*?!^><;:_|\(),.
Open Sans Light

Open Sans Bold

Lectus et tortor dapibus tempus eleifend massa molestie
Open Sans Italic

Open Sans Light Italic

Open Sans Bold Italic

Open Sans Semibold

Open Sans Extrabold

Open Sans Semibold Italic

14 % of h
Open Sans Extrabold Italic

AirHelp - 2013 | www.airhelp.eu 19
18
TYPOGRAPHY Clemente
Clemente Hairlline
abcdefghi jklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 @&*?!^><;:_|\(),.
Clemente Extralight
Clemente Light
TYPOGRAPHY /Clemente
Clemente Bold
abcdefghi jklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTU VWXYZ 1234567890 @&*?!^><;:_|\(),.
Clemente Heavy
Clemente Ultrabold
abcdefghi jklmnopqrstu vwxyz ABCDEFGHIJKLMNOPQRSTU VWXYZ 1234567890 @&*?!^><;:_|\(),.
Clemente Hairline Italic

Clemente Extralight Italic

Clemente Light Italic

Clemente Bold Italic

Clemente Heavy Italic

Clemente Ultrabold Italic

Clemente Book
Clemente Regular
Clemente Semibold
Clemente Book Italic

20 AirHelp - 2013 | www.airhelp.eu
Clemente Regular Italic

Clemente Semibold Italic

AirHelp - 2013 | www.airhelp.eu 21
POWER POINT
PPT Front Cover / Vertical
POWER POINT PPT Front Cover / Horizontal
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. Quisque vulputate a tellus sagittis eleifend.
22
23
DOCUMENTS
Print Front Cover / Horizontal
DOCUMENTS Print Front Cover / Vertical
24
25
POWER POINT / DOCUMENTS

Layout Pages
POWER POINT / DOCUMENTS Print and PPT Back Cover / Horizontal
TEXT
TEXT
TEXT
IMAGES
1
26
27
POWER POINT / DOCUMENTS Print and PPT Back Cover / Vertical
E-MAIL
Signature Specification
Henrik Zillmer | Managing Director hz@airhelp.eu t: 1-312-795-4223 m: 1-646-275-6446 www.airhelp.eu
28
29
MOBILE
MOBILE
Logo / Spacing
MOBILE Icon App / Splash Screen
G I C O N A P P
30
31
MOBILE Icons
How it works
FAQ
Share
MOBILE Color Specification
General button 114 x 400px linear gradient from #61d7c2 to #38b7a4 pushed version - reversed; Top Bar 96 x 640 px 2px inner top border
#1e1e1e #2c2c2c
#61d7c2 #38b7a4
Back button 94 x 94 px not pushed/pushed
#1e1e1e #0d0d0d PUSHED
Get 15
Add Passengers
Terms
Bottom bar 96 x 640 px 2px inner top border
#1e1e1e #939598
FAQ fields 86 x 640 px 2px inner border
#e8efee #d5e9e6
Bottom button pressed 94 x 160 px 2px inner border
#0d0d0d #252626
Loading screen
#00a389
Flight Impacted?
Add Passengers
Contact
Step indicator 44 x 128 px 2px separator below - #d5e9e6
#e9f4f3 #d5e9e6 #aed4ce #87c4ba #62aea1
Step 4 airport select box Step 5 add passenger box
#e8efee
Step 4 airport select tick not pushed/pushed
#aed4ce #00a389 PUSHED
Flight Impacted?
Add Passengers
Back
General background
#fcfcfc
Step 4 airport expanded base
#e6e6e6
Separator main screen 8 x 640px 32 AirHelp - 2013 | www.airhelp.eu
#d5e9e6
Pre-completed fields text
#bcbcbc
33
BANNERS
BANNER
300X250
BANNER 336x280
Ed adipiscing lectus et tortor dapibus, tempus eleifend massa molestie
Adipiscing lectus et tortor dapibus, tempus eleifend massa molestie
Ed adipiscing lectus et tortor dapibus, tempus eleifend massa molestie

62,5 px 31,25 px
125 px
Adipiscing lectus et tortor dapibus, tempus eleifend massa molestie

56 px 28 px
168 px
62 px
56 px
34
35
BANNER 728X90
BANNER 160X600
120 px
Lectus et tortor dapibus, tempus eleifend massa molestie
60 px
Lectus et tortor dapibus, tempus eleifend massa molestie

15 px 150 px
30 px
120 px 40 px 20 px
36
37
BANNER 970X90
BANNER 468X60
60 px

15 px 120 px
40 px

20 px 120 px
30 px
40 px
38
39
BANNER 120X600
90 px
BANNER 300X600
225 px
Adipiscing lectus et tortor dapibus tempus eleifend massa molestie
150 px
90 px 40 px 20 px
75 px 37,5 px
40
41
BANNER 250X250
BANNER 200X200
187 px
150 px
63 px 62,5 px 31,25 px 50 px 25 px
50 px
42
43
BANNER 300X50
33 px
Thank you.
67 px
16,66 px
8,33 px
44

Guideline Airhelp

Caricato da

Informazioni sul documento

Descrizione originale:

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Guideline Airhelp

Caricato da

Copyright:

Formati disponibili

/STYLE GUIDE

Logo / Spacing Icon App / Splash Screen Icons Color Specification

AirHelp - 2013 | www.airhelp.eu

LOGO SPECIFICATION Spacing / Typography

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

LOGO SPECIFICATION Spacing / Pictogram / Typography

LOGO SPECIFICATION Positive / Negative

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

LOGO SPECIFICATION Colors

LOGO SPECIFICATION Colors Background

C75 M8 R 45 G 172 L 63 a -41 H 166 S 73% 2CA68C

CMYK RGB Lab HSB #

C75 M8 R 45 G 172 L 63 a -41 H 166 S 73% 2CA68C

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

LOGO SPECIFICATION Texture

LOGO SPECIFICATION Incorrect Use

Do not enclose the signature in any shape or outline.

Do not use a busy, complex background that interferes with legibility.

Do not add graphics of any sort to a signature.

Do not use unapproved colors.

Do not place a signature on an angle.

Lorem ipsum dolor

Do not add any tagline, name or text.

Do not add lines above or below.

Dont apply any effects

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

LOGO SPECIFICATION Minimum Reduction / Print

LOGO SPECIFICATION Minimum Reduction / Screen

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

LOGO SPECIFICATION Text alignment

LOGO SPECIFICATION Clear Space / Cobranding

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

STATIONERY Business Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Trevis Parker managing director

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

AirHelp - 2013 | www.airhelp.eu

COMUNICATION Advertising / Poster / Grid Layout

Open Sans Regular

Open Sans Light

Open Sans Bold

Lectus et tortor dapibus tempus eleifend massa molestie

Open Sans Italic

Open Sans Light Italic

Open Sans Bold Italic

Open Sans Semibold

Open Sans Extrabold

Open Sans Semibold Italic

Open Sans Extrabold Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 @&*?!^><;:_|\(),.

AirHelp - 2013 | www.airhelp.eu

Clemente Hairline Italic

Clemente Extralight Italic

Clemente Light Italic