BRAND GUIDELINES
These brand guidelines are a simple set of rules regarding the use of our logo, which font and colors to use and the style that will best communicate our brand. Within these guidelines you will find directions on the assets and applications that make up our brand identity.
CONTENTS INTRODUCTION ABOUT US
COLORS 1
LOGO PRIMARY LOGO SECONDARY LOGO THIRD LOGO ICON CLEAR SPACE MINIMUM SIZE POSITIONING DOs DON’Ts
PRIMARY COLORS SECONDARY COLORS GRADIENTS
11 12 13
TYPOGRAPHY 2 3 4 5 6 7 8 9 10
HEADING FONT BODY TEXT FONT LOGOTYPE FONT USAGE INSTRUCTIONS
14 15 16 17
BACKGROUNDS GRADIENTS 1-9
18-26
I
INTRODUCTION
I
INTRODUCTION
ABOUT US
1
Avalon is a film production company specialized in music videos and branded content. Whether it’s to promote a product, launch a new service, or grow brand awareness, We produce content at the highest standards with a cinematic twist for a huge variety of clients all over the world and believe that communication, honesty and quality is at the heart of what we do.
II I
INTRODUCTION LOGO
II
LOGO
PRIMARY LOGO
The company logo is an important graphic element and must be used consistently and appropriately, even minor variations will undermine and compromise the image of the branding. This primary logo is our favorite and should always be used when circumstances allow. This is the clearest way we can represent our company visually. It comes in two versions: one with the wordmark in black, and the other in white.
2
II
LOGO
SECONDARY LOGO
3
It's important to consider the different ways to use our logo, when circumstances don’t allow to use the primary logo we can use the secondary one. The main rule to respect is that the logo should be clearly visible.
II
LOGO
THIRD LOGO
Our third logo or the creative avalon logo is used in business to consumers case. It’s usage is up to the designer depending on the situation.
4
II
LOGO
ICON
5
Our icon is the most distinct visual element that represents us, it has the shape of an A letter (that stands for Avalon of course) that when turned 90° becomes a play button icon representing what we do : film production. We use it when it’s impossible to use the logo due to a lack of available space.
II
LOGO
CLEAR SPACE
Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone. The dimensions of the icon are used as a scale to measure the space to always leave from all sides of the logo.
6
II
LOGO
MINIMUM SIZE
7
LOGO
100 px / 25 mm / 1�
To make sure our we've determined size for the digital printed material inches).
logo is always visible a minimum display usage (in pixels) and (in millimeters and
ICON
25 px / 7 mm / 0.3�
II
LOGO
POSITIONING
8
The following are the recommended positioning options for the logo, Wich depend on where the logo appears. The position is designed to maximize impact and leave a lasting impression.
Building signage:
Packaging:
Tradeshow:
Websites:
Primary exterior
Box
Primary view
Homepage
Documentation
Secondary view
Secondary pages
PowerPoint:
Business card:
Advertising:
Collateral:
Title page slides
Front and back
Single pages
Cover vs. interior
Section dividers
II
LOGO
DOs
9
11
1. Use this version with light backgrounds 2. Use this version with dark backgrounds. 3. Use this version with purple backgrounds or when the two primary options can’t be clearely visible. 4. Icon can be used separately.
4
2
3
II
LOGO
DON’Ts
1. 2. 3.
Don’t change the colors Don’t add a drop shadow Don’t put the logo on a background without sufficient contrast 4. Don’t modify the logo 5. Don’t rotate the logo 6. Don’t make an outline 7 Don’t Stretch or condense the logo 8. Don’t change the font 9. Don’t crop the logo
10
1
2
3
4
5
6
7
8
9
III II
COLORS
III
COLORS
PRIMARY COLORS
11
Color is a powerful component of our identity system. We have carefully chosen its color palette to create a cohesive identity for all of our communications. Our color system consists of 3 primary colors that are: Purple, White and Black.
PURPLE
A #231F20 RGB 35 31 32 CMYK 70 67 64 74
BLACK
B #231F20 RGB 35 31 32 CMYK 70 67 64 74
WHITE
C #FFFFFF RGB 255 255 255 CMYK 0 0 0 0
III
COLORS
SECONDARY COLORS
12
The 3 primary colors can be complemented with the different secondary colors listed below, these colors should never be predominant and take more area than the primary ones.
LIGHT BLUE
AQUA GREEN
D #231F20 RGB 35 31 32 CMYK 70 67 64 74
ORANGE
E #231F20 RGB 35 31 32 CMYK 70 67 64 74
PINK
G #231F20 RGB 35 31 32 CMYK 70 67 64 74
F #FFFFFF RGB 255 255 255 CMYK 0 0 0 0
YELLOW
H #231F20 RGB 35 31 32 CMYK 70 67 64 74
III
COLORS
GRADIENTS
13
Gradients have an important place in our visual identity, they give life to our designs and help to avoid monotony. Our gradients are created from our color palette and the mix between primary and secondary colors. Other gradients can be created by adding colors from our palette to the following gradients to have 3 or 4-colors gradients
G>
GRADIENT 1
<A
F>
GRADIENT 2
<A
H>
GRADIENT 3
<A
E>
GRADIENT 4
<A
D>
GRADIENT 5
<A
C>
GRADIENT 6
<B
F>
GRADIENT 7
<D
E>
GRADIENT 8
<G
E>
GRADIENT 9
<D
IV III
TYPOGRAPHY
IV
TYPOGRAPHY
HEADING FONT
14
MONTSERRAT Montserrat should be the first options for all headings and titles.
Aa
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890 ( ! @ # $ % & . ,? : ; )
IV
TYPOGRAPHY
BODY TEXT FONT
15
POPPINS Poppins is the main font for all body texts, it can also be used for headings as a second option after Montserrat.
Aa
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890 (!@#$%&.,?:;)
IV
TYPOGRAPHY
LOGOTYPE FONT
16
NEXA Nexa is the font used for our logotype, it should be mainly used for this purpose.
Aa
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcd efg hijklmn opqrstuvwxyz 1 2 3 4 5 678 9 0 (!@#$%&.,?:;)
IV
TYPOGRAPHY
USAGE INSTRUCTIONS
17
Title of the text
TITLE
Subtitle
SUBTITLE
Lorem ipsum dolor sit amet, â&#x20AC;&#x153;reque urbanitas accommodare duo eaâ&#x20AC;?. Usu tamquam acc sata scriptorem eu. Possim cotidieque mei no, nullam placerat sit ut. Vis tation oportererea, et eum imperdiet consetetur vituperata.
BODY TEXT
Te prima accusamus his. Mea ad maiestatis argumentum, no sit nihil adversarium, no dico denique efficiendi qui. Cibo malorum invenire vel no, nobis deterruisset his ex, pertinax senserit ne usu, ut vis quas dissentiet accommodare, duo consetetur temporib dolor ad. Agam possit mea cu. Qui ne sale dolorum admodum. Vero tota prodesset cu pri. Mea ea nisl sint dicta. Cum ut exerci laoreet. Delicata appellatur id vis, at eam eruditi dolorum. Ad mucius tibique assueverit pri, phaedrum omittantsed ne. Causae maiestatis ut eum, no duo novum aperiri, falli labitur sententiae eu mea. Aperiam aliquam inciderint an eos, mea eu facilisi recteque, sea dictas debitis vivendu et. Ut sit ponderum tacimates, integre iuvaret mei ad. Eu eum quod natum dolor pro omnes singulis in nullam placerat sit ut. Vis tation oportererea, et eum imperdiet consetetur. Te prima accusamus his. Mea ad maiestatis argumentum, no sit nihil adversarium, no dico denique efficiendi qui. Cibo malorum invenire vel no, nobis deterruisset his ex, pertinax senserit ne usu, ut vis quas dissentiet accommodare, duo consetetur temporib dolor
Montserrat Bold #490089
Montserrat SemiBold #5c7af7
Poppins ExtraLight #000000
FONT SIZE AND SPACING Font Size: (Variable) Leading: 15.6 pts Tracking: 0
III V
BACKGROUND
V
BACKGROUND
GRADIENT 1
18
V
BACKGROUND
GRADIENT 2
Avalon is a film production company specialized in music videos and branded content. Whether itâ&#x20AC;&#x2122;s to promote a product, launch a new service, or grow brand awareness, We produce content at the highest standards with a cinematic twist for a huge variety of clients all over the world and believe that communication, honesty and quality is at the heart of what we do.
19
V
BACKGROUND
GRADIENT 3
20
PRESENTS
V
BACKGROUND
GRADIENT 4
21
V
BACKGROUND
GRADIENT 5
22
AVAILABLE ON DECEMBER 27TH
V
BACKGROUND
GRADIENT 6
23
V
BACKGROUND
GRADIENT 7
24
V
BACKGROUND
GRADIENT 8
25
V
BACKGROUND
GRADIENT 9
26
CONTACT US
www.avalon.film info@avalon.film +31-648446521
THIS DOCUMENT WAS CONCEIVED BY
digitalgeria fiverr.com/digitalgeria issuu.com/aimeddesigns