Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
BrandManual
The Brand Manual is essentially a set of rules that explain how your brand works.
Brand ManualWhat is it for?
Brand guidelines should be flexible enough for designers to be creative, but rigid enough to keep your brand easily recognizable. Consistency is key, especially if you need the brand to extend across multiple media platforms.
Brand Identity
01 02 03
Logo Components
Minimum Size
Colour Variations
Incorrect Usage
Logo Variants
Logo Clearspace
Brand ApplicationsWeb & App
Stationery
Bag
Advertising board
Storefront
Identity ElementsPattern
Typography
Primary English Typeface
Primary Arabic Typeface
Type Hierarchy
Brand Icons
CONTENTS
Brand Manual
01.1
01.2
01.3
01.4
01.5
01.6
02.1
02.2
02.3
02.4
02.5
02.6
03.1
03.2
03.3
03.4
03.5
Brand Manual
WAYSBrand Guidelines
Brand Identity
01
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
B. Logo TypeA logotype refers to words or the name of a business that is designed in a special way. Examples include Pinterest, eBay or Google.
A. SymbolA Symbol is an identifying mark or symbol that doesn’t contain the business name. Think of the Nike ‘swoosh’, Shell, WWF, Mercedes or Adidas.
C. LogoAs a general rule, third parties may not use the Temply logo (“logo”). On this page are the limited circumstances under which third parties may use the Temply logo. The logo must always be used pursuant to the specifications on this page to identify Temply Corporation, or Temply products or services. Any use that falls outside of these specifications is strictly prohibited.
A B
C
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
WAYS Brand Manual
LOGO USAGEAs much as possible, the color you choose should set you apart, work with your industry and image, and tie to your brand promise. It should also take into account color psychology, which is fairly complex. Colors can mean different things depending on the culture, situation and industry.
Choosing the right dominant color for your brand is crucial. This color should appear on all your materials, including your logo and packaging.
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
PRINT (PAPER)
2 cm
DIGITAL (ON SCREEN)
160 px
A logo lockup refers to the formalized position/relationship
of the brand’s logo (symbol) and its wordmark (logotype)
MINIMUM SIZEA logotype refers to words or the name of a business that is designed in a special way. Examples include Pinterest, eBay or Google.
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
The area that surrounds the logo known as “clear space” is as important as the logo itself
The area that surrounds the logo is as important as the logo itself. The minimum area of 2 “x”, known as “clear space,” provides breathing room to the logo and eliminates visual clutter (text, graphic elements or other logos) that can compete with logo legibility – thereby diminishing the effectiveness of the logo.
WHAT IS CLEARSPACE
Double “B“ letter size of 2 “x”
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
Why color is an important aspect of any logo? Color has a powerful subconscious effect on every part of our lives, without even saying a word; an understanding of color meanings in business gives us an invaluable tool to get the best response to our marketing and promotional efforts and ultimately to create a successful business.
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
WAYS Brand Manual
The area that surrounds the The core values definethe strengths and needs to achieve a vision
CMYKC85/M47/Y30/K17
Web#246783
RGBR36/G103/B131
CMYKC32/M11/Y88/K0
Web#B7C24A
RGBR183/G194/B74
COLOR THEORYEvery time a consumer interacts with a brand, an opportunity exists for the company to influence their audiences’ perceptions. It is up to the marketer to decipher which design and colors will influence the consumer to purchase. By educating oneself on the psychology behind color theory, marketers can further tap into branding techniques and better connect with their market, leading to a stronger brand-consumer relationship and increased profit.
Colour Palette
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
BlueBlue indicates confidence, reliability and responsibility. It relates to one-to-one communication rather than mass communication. It inspires wisdom and higher ideals but is also conservative and predictable. Physiologically, blue is calming, reducing tension and fear. Being a cool color it creates a sensation of space
Green, the color of life, renewal, nature, and energy, is associated with meanings of growth, harmony, freshness, safety, fertility, and environment. Green is also traditionally associated with money, finances, banking, ambition, greed, jealousy, and wall street.
GreenBrand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
Never change the proportions of the Brand Identity
Never put a key-line around the Brand Identity
Never change the colour of the Brand Identity
Never place the Brand Identity on an colour which compromises the legibility of the Brand Identity
Never set the Brand Identity at any angle
Never alter the spacial relationship between the Brand Identity elements
X X
X X
X X
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Manual
WAYSBrand Guidelines
Identity Elements
02
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
The pattern of family life has been changing over recent years.A pattern is beginning to emerge from our analysis of the accident data.In this type of mental illness, the usual pattern is bouts of depression alternating with elation.
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
DEFINITION Typogphy is the visual component of the written word.A text is a sequence of words. A text stays the same no matter how it’s rendered. Consider the sentence “I like pizza.” I can print that text on a piece of paper, or read it aloud, or save it in a file on my laptop. It’ll be the same text, just rendered different ways—visually, audibly, digitally.
But when “I like pizza” is printed, typography gets involved. All visually displayed text involves typography—whether it’s on paper, a computer screen, or a billboard.
Don’t infer from the highway-sign example that typography is an other word for font. Fonts are part of typography , but typography goes beyond fonts.
WAYS Brand Manual
I do not think of type as something that should be readable. It should be beautiful.
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
Hello I’m: Calibri font
ABCDEFGHIJKLNOPQRSTUVWXYZabcdefgh i jk lnopqrstuvwxyz1234567890
Calibri LightABCDEFGHIJKLNOPQRSTUVWXYZabcdefghijklnopqrstuvwxyz1234567890!@£$%^&
Calibri Regular
ABCDEFGHIJKLNOPQRSTUVWXYZabcdefghijklnopqrstuvwxyz1234567890!@£$%^&
Calibri BoldABCDEFGHIJKLNOPQRSTUVWXYZabcdefghijklnopqrstuvwxyz1234567890!@£$%^&
Year : 2002–2004
Copyright : Calibri
FONT INFO
playfairdisplay.ttfDesigned by Luc(as) de Groot
Primary English Typeface
WAYS Brand Manual
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
١٢٣٤٥٦٧٨٩٠
أ ب ت ث ج ح خ د ذ ر ز سش ص ض ع غ ف ق ك
ل م ن هـ و ي
WAYS Brand Manual
مرحبا اناFS Albert Arabic Web
Primary Arabic Typeface
١٢٣٤٥٦٧٨٩٠
أ ب ت ث ج ح خ د ذ ر ز سش ص ض ع غ ف ق ك
ل م ن هـ و ي
light
١٢٣٤٥٦٧٨٩٠
أ ب ت ث ج ح خ د ذ ر ز سش ص ض ع غ ف ق ك
ل م ن هـ و ي
Thin
١٢٣٤٥٦٧٨٩٠
أ ب ت ث ج ح خ د ذ ر ز سش ص ض ع غ ف ق ك
ل م ن هـ و ي
Bold
١٢٣٤٥٦٧٨٩٠
أ ب ت ث ج ح خ د ذ ر ز سش ص ض ع غ ف ق ك
ل م ن هـ و ي
Regular
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
H1
H2
H3
H4
BODY COPY
CAPTION
CC
LEADINGFOR LEGIBLE BODY TEXT THAT’S COMFORTABLE TO READ, A GENERAL RULE IS THAT YOUR LEADING VALUE SHOULD BE GREATER THAN THE FONT SIZE; FROM ١٫٢٥ TO ١٫٥ TIMES
TRACKINGTHE SPACE BETWEEN LETTERS IN A BLOCK OF TEXT. IN CSS THIS IS DEFINED WITH THE LETTER�SPACING PROPERTY
WIDOWS & ORPHANSA SINGLE WORD AT THE END OF A COLUMN IS A WIDOW AND IF IT’S AT THE TOP OF A NEW COLUMN IT’S AN ORPHAN. THEY LOOK BAD AND CAN BE HARD TO READ.
FRANHUBFRANHUBFRANHUB
FRANHUB
FRANHUB
FRANHUB
FRANHUB
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type HierarchyBrand Icons
WAYS Brand Manual
Pictography is a form of writing which uses rep -resentational, pictorial drawings, similarly to cuneiform and, to some extent, hieroglyphic writing
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Manual
WAYSBrand Guidelines
Brand Applications
03
WAYS Brand Manual
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type Hierarchy
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Icons
WAYS Brand Manual
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type Hierarchy
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Icons
WAYS Brand Manual
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type Hierarchy
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Icons
WAYS Brand Manual
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type Hierarchy
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Icons
WAYS Brand Manual
Brand Identity
Identity Elements
Logo Components
Minimum Size
Colour VariationsIncorrect Usage
Logo Variants
Logo Clearspace
PatternTypographyPrimary English Typeface Primary Arabic Typeface Type Hierarchy
Brand ApplicationsWeb & AppStationeryBagAdvertising boardStorefront
Brand Icons
ThanksThank you for reading these guidelines, please adhere to the rules in this document
BrandManual