Shift Festival
Brand Guidelines
1
Content Introduction Identity Logo Clear space Responsive logo Logo misuse Colours Typeface Layout Design Elements Way-finding Icon Language Brand Applications
2
Introduction This document will show how to uses the brand in an effective way to show the brand language and conduct the brand values in the best possible way.
3
Logo The first logo (left) is the full logo and this should be used in as many places as possible, But the symbol logo (right) is to be used and smaller sizes such as app icons.
Full Logo
4
Symbol Logo
Logo Clear Space This is the space that must be left around the logo so the logo does not get over crowded.
5
Responsive Logo
For uses when Uber 50px wide or app icons and simple branding For uses when over 50px wide
6
Logo Misuse Some examples of how not to uses the logo.
Uses with non brand colours and low contrast colours.
Uses the logo on top of a busy image.
Never uses a hard gradient with in the logo shape.
Never is distort the logo
never uses any effects on the logo
Never rotate the logo so the arrow puts down it should point upwards.
7
Brand Colours
8
White
Green
Blue
Black
R - 245 G - 245 B - 245
R-0 G - 240 B - 196
R - 39 G - 101 B - 255
R - 29 G - 30 B - 28
C-5 M-4 Y-4 K-0
C - 61 M-0 Y - 39 K-0
C - 84 M - 62 Y-0 K-0
C - 75% M - 65% Y - 63% K - 81%
Hex - f5f5f5
Hex - 00f0c4
Hex - 2765ff
Hex - 1d1e1c
Typeface Spacing The line spacing should be the left as the auto to the type face and the Kerning should also be left to the pre-set amount.
Gotham Rounded Medium Heading Typeface abcdefghijklmnopqrstuvwxyz quick brown fox jumps over the lazy dog Gotham Rounded Book Body Typeface abcdefghijklmnopqrstuvwxyz quick brown fox jumps over the lazy dog
9
Alignment Type should be align to the left of the page or aligned left in the text box.
Layout & Composition When using the pattern the pattern should not be used close to type of icons they should be given lots of negative space. Use with icons
Heading Title Style Like This
Heading Title Style Like This
10
The heading should always start in bold and the second line should be in the light font with the contrasting colour like above.
Examples
Use with typography
Photography & imagery
Brand and Imagery The pattern or line element can be used over images in a high contrast colour.
Photography Style The photography for the festival will be black and white wide shoot of the festival going along the lines of the 4 examples to the right.
11
Design Elements The key is the line
Using the one of the pattern sets as a full blend pattern to cover a product or page. (not be be using will type only date stamp)
12
Using the curved line element to make up shapes or sybmols (do not uses the line to make type uses the font)
Iconography Language
13
Identifying Icons
14
Housing District Icons
Festival Section Icons
These are the icons and numbers that will be used to identity the 5 different district that people will be staying in at the festival. Making it easy for people to find where they are staying
These are the icons that will be used for the 5 sections of the festival, ‘C’ Cinema, ‘A’ Auto Zone, ‘M’ Music Stage, ‘I’ Influencer village, ‘R’ Residential zone, ‘S’ Speaker Stage. The simple icons will appear on all the sign age and schedules making it a consistent language
Direction Icons These are the set of icons that will be used in the festival when it comes to finding your way round the festival. This is the direction asset set. This will main be seen on sign-age and way finding material
15
App Icons
These are the icons that were created for the app design but they can also be used as a sign guide for making other icons, using the curved line style and unfinished lines you can make an icon of anything.
16
Brand Application
17
18
Created By Dan Whitehouse