Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
LOGO MANUALJuly 2015 | Version 1.1
Vertical (two lines)
Horizontal
Vertical (one line)
Primary Use
CORPORATE LOGOS
A primary logo exists with two alternates. Using a correct logo lockup is essential to maintaining the brand.
PRIMARY USE: HORIZONTALThe vertical version of the logo should be used as the first option for introducing or closing a document.
ALTERNATE USE: VERTICAL(TWO LINES)The horizontal double-lined version is used when a horizontal alignment is not possible, ie. as a profile picture on social media sites.
ALTERNATE USE: VERTICAL(ONE LINE)The horizontal double-lined version is used when the logo is to be centered on a document.
2 / 7CONFIDENTIAL MATERIAL
ICONThe icon should be used for profile pictures wherever possible. Its format goes well with the square/circle format used on social media. Always use light-coloured background, ideally white or light grey.
VERTICAL (TWO LINES)The vertical version of the logo should be used on the social media sites only in case the wording is clearly readable even in its smallest size (ie. profile picture thumbnail).
SOCIAL MEDIA
If the logo is to be used on social media websites and/or profiles, the following versions are permitted.
Vertical (two lines)Icon
3 / 7CONFIDENTIAL MATERIAL
INCORRECT LOGO USE
Incorrect logo use compromises thebrand as a whole. Never try to recreateor alter the logo yourself. Only use thelogos that we provide.
Please follow our guidelines for correctlogo usage.
4 / 7CONFIDENTIAL MATERIAL
Rotating any logos. Re-colouring any logos. Skewing proportions.
Removing graphic elements from any logos.
Moving the icon. Removing the icon.
Using any logos on low contrast background.
Placing any logos on top of an image, resulting in compromised legibility.
Lowering opacity or adding transparency to
the logo.
Without resizing the logo, use the letter “t” as displayed in the logo to define the exclusion zones (as shown).
To determine the exclusion zone size for the icon, use the single graphic element from the icon as indicated.
LOGO EXCLUSIONZONES
Make sure that text or other design elements do not encroach upon the logo.
The marked space should always be given to let the logo ‘breathe’, free from distraction.
5 / 7CONFIDENTIAL MATERIAL
Horizontal
Vertical (two lines)Vertical (one line) Icon
With any use, make sure the logo contains exclusion zones, as indicated in the chart.
MINIMUM REPRODUCTION ZONE
In all versions of the logo, a minimum size must be adhered to so that legibilty is retained.
6 / 7CONFIDENTIAL MATERIAL
150 x 49with exclusion zones
130 x 28without exclusion zones
150 x 58with exclusion zones
134 x 43without exclusion zones
100 x 67with exclusion zones
82 x 49without exclusion zones
60 x 66with exclusion zones
33 x 40without exclusion zones
40 x 13with exclusion zones
34.5 x 7.5without exclusion zones
40 x 15.5with exclusion zones
35.6 x 11.2without exclusion zones
32 x 21.6with exclusion zones
26.4 x 15.8without exclusion zones
19.5 x 21.5with exclusion zones
10.7 x 12.8without exclusion zones
PRINT (in mm) WEB (in px)
PRIMARY COLOR PALETTEThe primary color palette are the core colors that make up theContractor Connect brand.
SECONDARY COLOR PALETTE (USED FOR PRINT)These swatches are still largely used when emphasis is neededto break up designs.
COMPLEMENTARY TINTS (USED FOR PRINT)As rule of thumb we have used tints of black ranging from 10% - 80%, mostly for body copy and other text heavy pieces.
BRAND & LOGO COLOURS
A strong color paletteis a componentthat defines a strong brand.
7 / 7CONFIDENTIAL MATERIAL
Primary Logo Colour #1:LIGHT GREEN
Primary Logo Colour #2:DARK GREEN
Secondary Colour #1:DARK GREY
Secondary Colour #2:LIGHT GREY
COMPLEMENTARYTINTS
76 / 0 / 97 / 0
88 / 11 / 94 / 43
0 / 0 / 0 / 80
0 / 0 / 0 / 20
CMYK
59 / 180 / 74
1 / 105 / 56
88 / 89 / 91
209 / 211 / 212
RGB
#3BB44A
#016938
#58595B
#D1D3D4
HEX
90% 70% 60% 40% 40% 30% 10%
DESIGNERSSilvia [email protected]
Gavin [email protected] 464 444
FIND US AT:
CONTACTS
Created with love by BAB design studio.Thank you for being our BABtastic client!
www.babds.com@bab_dsbabdesignstudiobabdesignstudio
WEBTWITTERFACEBOOKINSTAGRAM