BRAND GUIDELINES
Brand Guidelines (also commonly referred to as “brand standards”, “style guide” or “brand book”) are a set of rules that explain how our brand works, they take its heart and soul and translate it into design by providing very specific instructions about how tangible elements of our brand should be used in all forms of communications. We need these guidelines because they make it possible for our brand to move through the three primary steps of brand building: consistency, persistence, and restraint.
TABLE OF CONTENTS
1.1
INTRODUCTION CORE VALUES
1
2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8
LOGO OVERVIEW VARIATION ICON BACKGROUNDS CLEAR SPACE MINIMUM SIZE POSITIONING WRONG USAGE
2 3 4 5 6 7 8 9
3.1 3.2
COLORS COLOR SYSTEM COLOR CODES
10 11
4.1 4.2
TYPOGRAPHY GUIDELINES FONTS
12 13
5.1 5.2
IMAGERY GUIDELINES EXAMPLES
15 16
6.1
STATIONERY BUSINESS CARD
20
7.1 7.2 7.3 7.4
BRANDED MERCHANDISE T-SHIRT HAT SHOPPING BAG MUG
24 25 26 27
1. INTRODUCTION
1.1
INTRODUCTION CORE VALUES
1
MISSION STATEMENT “COMMITTED TO CONSTANT AND NEVER-ENDING IMPROVEMENT FOR OUR PEOPLE, OUR BUSINESS AND OUR CLIENTS” Renowned for its exemplary work ethics and commitment to its constant and never-ending improvement for its people the business & its clients. Consistently looking for ways to innovate and improve services, systems & processes, to make the experience as satisfying as possible for all involved. Whilst providing a good life work balance for its team and excellent value for its clients. Always seeking to improve our work environment, the community and someone's life every day.
CORE VALUES “To leave people better than we have found them, because we genuinely care about them.” We will do this by Working with integrity always Seeking to understand before trying to be understood, listening with intent. Laughing & smiling with them. Helping them, by sharing and teaching the skills and knowledge that we have learnt. We will empower and encourage them. We will compliment them and except compliments gracefully.
iBuild Solutions Brand Guidelines
VISON
To expand our current client base whilst maintaining the same service to our current customers. To continue to build our reputation for customer service and standard of work and increase on repeat business. We endeavour to work in a wide variety of project sectors across Western Australia to allow a wider service to our customers. Ensure that we uphold a positive company culture, implementing the ibuild values each day.
2. LOGO
2.1
LOGO OVERVIEW
Composition: Our logo consists of the following elements: Icon: colourful flower Wordmark: ibuild solutions - These elements can be put in different lockups as speciďŹ ed in this document. - The logo presented here is our primary logo option.
iBuild Solutions Brand Guidelines
2
2.2
LOGO VARIATION
Lockups: • Stacked: as the primary lockup • Horizontal: as the secondary lockup • Minimalistic with tagline Color sets: Primary Color Set: Colourful icon with black wordmark Reversed Color Set: Colourful icon with white wordmark Monochromatic Color sets: - White - Grayscale (mainly used in cost-effective one-color printing). Most of the time, we will stick to our primary logo, but there will be times when it makes more sense to use secondary options for any variation of the ideal set of circumstances required by the primary logo to be displayed properly. These secondary logos still feel cohesive and at home with the rest of our identity, but are used on more of an as-needed basis.
iBuild Solutions Brand Guidelines
3
2.3
LOGO ICON
Due to the distinguishable appearance of our logo icon, we occasionally use it separately from the other elements in many applications, especially when we have a restricted space to use. Color sets: - Primary - White - Grayscale
iBuild Solutions Brand Guidelines
4
2.4
LOGO BACKGROUNDS
The following represents the ideal logo-background matching. The main rule is that the logo must be clearely readable, and the primary color set should be used whenever possible, so the designer has the freedom of choice with respect to these rules. * This rule applies to all logo options of the same color set.
iBuild Solutions Brand Guidelines
5
2.5
LOGO CLEAR SPACE
Whenever we 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 following is used as a scale to measure the space to always leave from all sides of the logo as shown in the scheme beside: X= the height of the icon * This rule applies to all logo options.
iBuild Solutions Brand Guidelines
6
2.6
LOGO MINIMUM SIZE
7
STACKED LOCKUP To make sure our logo is always visible we've determined a minimum display size for the digital usage (in pixels) and printed material (in millimeters and inches). The minimum sizes described are applicable for displays of 72 DPI. If the display screens have higher DPI (retina display) minimum size should be adapted proportionally.
30 px • 11 mm • 0.43”
HORIZONTAL LOCKUP 20 px • 7 mm • 0.27”
* This rule applies to all logo options of the same lockup.
ICON 15 px • 5 mm • 0.19”
iBuild Solutions Brand Guidelines
2.7
LOGO POSITIONING
8
BUILDING SIGNAGE Primary exterior
PACKAGING Box Documentation
TRADESHOW Primary view Secondary view
WEBSITES Homepage Secondary pages
POWERPOINT Title page slides Section dividers
BUSINESS CARD Front and back
The following are the recommended positioning options for the logo, which depend on where the logo appears. The position is designed to maximize impact and leave a lasting impression.
ADVERTISING Single pages iBuild Solutions Brand Guidelines
COLLATERAL Cover vs. interior
2.8
LOGO WRONG USAGE
1. Do not alter the colors of the logo 2. Do not add a shadow to the logo 3. Do not modify the logo 4. Do not rotate the logo 5. Do not add an outline to the logo 6. Do not stretch or condense the logo 7. Do not change the font of the logo 8. Do not use a background without enough contrast
iBuild Solutions Brand Guidelines
9
1.
2.
3.
4.
5.
6.
7.
8.
3. COLOR
3.1
COLOR COLOR SYSTEM
Color is one of the most important visual elements of our identity system, it plays a fundamental role in how our brand is perceived. To this end, we have carefully chosen our palette so we can get a cohesive identity across all our communications. Our color system consists of: • Primary colors: black and white. • Accent colors: green, yellow, purple and blue. • Neutral colors: grayscale. Black and white should be dominant in any design, while accent colors can occupy up to 20% of the space. The neutrals can be used depending on the situation. * All these colors codes are listed bellow
iBuild Solutions Brand Guidelines
10
3.2
COLOR COLOR CODES
11
PRIMARY COLORS BLACK
HEX RGB CMYK
000000 0 0 0 75 68 67 90
WHITE
HEX RGB CMYK
FFFFFF 255 255 255 0 0 0 0
GREEN N°1
HEX RGB CMYK
008839 0 136 57 87 22 100 8
GREEN N°2
HEX RGB CMYK
91BF20 145 191 32 49 4 100 0
YELLOW N°1
HEX RGB CMYK
F3982B 234 152 43 2 47 94 0
YELLOW N°2
HEX RGB CMYK
F9D300 249 211 0 4 14 100 0
PURPLE N°1
HEX RGB CMYK
DE005E 222 0 94 7 100 44 0
PURPLE N°2
HEX RGB CMYK
E276AB 226 118 171 7 67 2 0
BLUE N°1
HEX RGB CMYK
1D70B7 29 112 183 86 53 1 0
BLUE N°2
HEX RGB CMYK
35A8E0 53 168 224 69 18 0 0
ACCENT COLORS HEX Hexadecimal color code is a way of specifying color using hexadecimal values. The code itself is a hex triplet, which represents three separate values that specify the levels of the component colors. The code starts with a pound sign (#) and is followed by six hex values or three hex value pairs RGB (Red-Green-Blue) refers to a system for representing the colors to be used on a computer display. Red, green, and blue can be combined in various proportions to obtain any color in the visible spectrum. CMYK (Cyan-Magenta-Yellow-Black) is a color model in which all colors are described as a mixture of these four process colors. It is the standard color model used in offset printing for full-color documents.
iBuild Solutions Brand Guidelines
4. TYPOGRAPHY
4.1
TYPOGRAPHY GUIDELINES
12
TEXT SAMPLE
Main title of the text Another big part of our visual identity is typography and font selection, that when used properly, unifies messaging and creates familiarity and consistency across all our communication channels. Fonts Hierarchy: Headings font: Subheadings font: Bodycopy font:
Raleway Semi-Bold Raleway Regular Roboto Light
- There are no set rules for choosing a font’s size or color, it varies depending on the situtation. - Other effects such as bolding, italics, underlining and color can bring attention to specific areas of the main text, these effects are used sparingly and for only a few words in a sequence.
iBuild Solutions Brand Guidelines
Subtitle Lorem ipsum dolor sit amet, “reque urbanitas accommodare duo ea”. Usu tamquam acc sata scriptorem eu. Possim cotidieque mei no, 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 vis quaconsetetur temporib dolor ad. Agam possit mea cumero 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 omitttd. Causae maiestatis ut eum, no duo novum aperiri, falli labitur sententiae eu mea.aperiri, falli labitur sente.Lorem ipsum dolor sit amet, “reque urbanitas accommodare duo ea”. Usu tamquam acc sata scriptorem eu. Possim cotidieque mei no, 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 vis quaconsetetur temporib dolor ad.
4.2
TYPOGRAPHY FONTS
RALEWAY ( Sans Serif )
DESCRIPTION Raleway is an elegant sans-serif typeface family. Initially designed by Matt McInerney as a single thin weight, it was expanded into a 9 weight family by Pablo Impallari and Rodrigo Fuenzalida in 2012 and iKerned by Igino Marini. USAGE This font is considered to be our primary option for headings and subheadings. DOWNLOAD LINK https://www.fontsquirrel.com/fonts/raleway
iBuild Solutions Brand Guidelines
13
ABC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 (!@#$%&.,?:;) Thin Thin Italic ExtraLight ExtraLight Italic Light Light Italic Regular Italic Medium Medium Italic SemiBold SemiBold Italic Bold Bold Italic
ExtraBold ExtraBold Italic Black Black Italic
4.2
TYPOGRAPHY FONTS
ROBOTO ( Sans Serif )
DESCRIPTION Roboto is a neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating system Android, and released in 2011 for Android 4.0 "Ice Cream Sandwich".Google developed the font to be "modern, yet approachable" and "emotional". USAGE This font is used for body copy text. DOWNLOAD LINK https://www.fontsquirrel.com/fonts/roboto
14
ABC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 (!@#$%&.,?:;) Thin
Thin Italic Light
Light Italic Regular
Italic
Medium
Medium Italic Bold
Bold Italic Black
Black Italic iBuild Solutions Brand Guidelines
5. IMAGERY
5.1
IMAGERY GUIDELINES
15
GENERAL GUIDELINES
Brand imagery is a crucial element of our visual identity, that adds real value when used appropriately and consistently alongside content. It conveys our brand personality, sets us apart from the field and builds connection, trust and confidence with our audience, and this occurs over time and repeated exposure. Here are a few guidelines on the best ways to select and present our imagery:
- The purpose of a particular image must be clearly identified. - Our brand values must be at the centre of the image theme. - Images have to appeal to our target audience. - We should always have a consistent imagery style. - Any kind of potentially offensive image has to be avoided. - The use of copyrighted material without permission is not allowed.
TECHNICAL GUIDELINES - We must always use high resolution images. - We should respect photography basic principles. - We don't stretch or alter the original image aspect ratio.
iBuild Solutions Brand Guidelines
5.2
IMAGERY EXAMPLES
iBuild Solutions Brand Guidelines
16
5.2
IMAGERY EXAMPLES
iBuild Solutions Brand Guidelines
17
5.2
IMAGERY EXAMPLES
iBuild Solutions Brand Guidelines
18
5.2
IMAGERY EXAMPLES
iBuild Solutions Brand Guidelines
19
6. STATIONERY
6.1
STATIONERY BUSINESS CARD
20
Lee Bramley Director
0433 284 490 lee@ibuildsolutions.com.au ibuildsolutions.com.au U1b/25 Delage St, Joondalup
STANDARD BUSINESS CARD Standard dimensions: 90x55 mm
iBuild Solutions Brand Guidelines
6.1
STATIONERY BUSINESS CARD
21
Tommy Bramley Project Manager
0447 410 769 tommy@ibuildsolutions.com.au ibuildsolutions.com.au U1b/25 Delage St, Joondalup
STANDARD BUSINESS CARD Standard dimensions: 90x55 mm
iBuild Solutions Brand Guidelines
6.1
STATIONERY BUSINESS CARD
22
Kalum Bramley Project Manager
0433 775 924 kalum@ibuildsolutions.com.au ibuildsolutions.com.au U1b/25 Delage St, Joondalup
STANDARD BUSINESS CARD Standard dimensions: 90x55 mm
iBuild Solutions Brand Guidelines
6.1
STATIONERY BUSINESS CARD
23
Eddie Ward Senior Estimator
0447 577 000 eddie@ibuildsolutions.com.au ibuildsolutions.com.au U1b/25 Delage St, Joondalup
STANDARD BUSINESS CARD Standard dimensions: 90x55 mm
iBuild Solutions Brand Guidelines
7. BRANDED MERCHANDISE
7.1
BRANDED MERCHANDISE T-SHIRT
This only represents an example of our branded merchandise, These are not mandatory rules to follow.
iBuild Solutions Brand Guidelines
24
7.2
BRANDED MERCHANDISE HAT
This only represents an example of our branded merchandise, These are not mandatory rules to follow.
iBuild Solutions Brand Guidelines
25
7.3
BRANDED MERCHANDISE SHOPPING BAG
This only represents an example of our branded merchandise, These are not mandatory rules to follow.
iBuild Solutions Brand Guidelines
26
7.4
BRANDED MERCHANDISE MUG
This only represents an example of our branded merchandise, These are not mandatory rules to follow.
iBuild Solutions Brand Guidelines
27
CONTACT US
ibuildsolutions 08 9305 4467 info@ibuildsolutions.com.au ibuildsolutions.com.au U1b/25 Delage St, Joondalup
digitalgeria
This document was created by digitalgeria Š November 2019 ďŹ verr.com/digitalgeria l issuu.com/aimeddesigns