brand standards guide
branding guide introduction this branding guide is a tool which helps ensure that design quality and standards are maintained. this will strengthen the foundation of the brand by bringing a sense of connection between the business and the logo. upholding these design standards will bring recognizability to your brand. visibility, legibility and consistency of use are key to the success of the hellomellow brand identity.
1
table of contents identit y primary logo..............................3-8 color palet te color palette ............................ 9-10 black and white versions............ 11-12 design elements circles and fronds ..................... 13-14. logo usage
sizing for print and web............ 15-16 clear space............................. 17-18 incorrect usages...................... 19-20
t ypography
typefaces for print....................21-22 typefaces for web....................23-24
photography product and alternate...............25-26 lifestyle...................................27-28
brand snapshot ............................ 29-30
hellomellow brand guide
2
identit y the primar y logo hellomellow’s logo has many uses based upon need. please use this guideline to maintain consistency.
3
primar y 1-color
primar y 1-color reverse
hellomellow brand guide
4
identit y the primar y logo - no frond hellomellow’s logo has many uses based upon need. please use this guideline to maintain consistency.
this logo is for use when the fronds will be too small for print.
5
primar y 1-color
primar y 1-color reverse
hellomellow brand guide
6
identit y the logo with tagline not used as frequently the logo does occasionally use a tagline lock-up.
7
secondar y 1-color
secondar y 1-color reverse
hellomellow brand guide
8
color palet te
main color palet te thellomellow has a large palette but the primary hellomellow color is revitalize. t he primary colour palette should only be used as solid colours. They should never blend or lay on top of each other. only white can be knocked out of the solid colour. the logo can be knockout of any of these colors.
9
revitalize pantone = 390c c myk = 22,0,100,8
warm grey 10c (text) pantone = 10c cmyk = 0,14,28,55
uplift pantone =123c cmyk = 0,24,94,0
rejuvenate pantone = 144c cmyk = 0,48,100,0
relax pantone = 297c cmyk = 49,1,0,0
balance pantone =264c cmyk = 26,28,0,0
empower pantone = 327c cmyk = 100,0,44,17
arouse pantone =1795c cmyk = 0,94,100,0
unwind pantone =209c cmyk = 0,100,34,53
preggo/kiddo pantone = 1645c cmyk = 0,49,66,0
fellow pantone =4625c cmyk = 0,60,100,79
hellomellow brand guide
10
color palet te
black & white logo when printing in black and white, the primary logo may be used in 1-color black, ideally on a white or very light background. If the logo must appear on a non-solid background, the background must not be so busy as to impede on the clarity and legibility of the logo (please use your best judgement).
reverse logo a 1-color reverse logo is available to use when printing 1-color on a dark background.
11
primar y 1-color
primar y 1-color reverse
hellomellow brand guide
12
design elements
circles the hellomellow circles represent the main product line, the original stepping stones of the brand. they are used to flood the back of certain collateral or at the bottom of a page.
fronds the dandy fronds are used randomly to pepper any sell sheets or documents.
13
circles/ circular pattern
additional tagline
hellomellow brand guide
14
logo usage
minimum size the logo can be enlarged proportionally to any size, however for ideal legibility in print, the primary logo without fronds cannot shrink smaller than .75 inch. primary logo with tagline logo cannot shrink below 1.825 inches wide. primary logo with fronds only cannot shrink below 1.5 inches wide The primary logo cannot shrink below 65 pixels.
15
print 300 dpi
1.825"
1.5"
primary
primary
.75"
secondary
web 72 dpi
131 px
primary
hellomellow brand guide
16
logo usage
clearspace it is essential to maintain the clear space around the logo in order to maximize clear recognition and visual impact. this area of isolation protects the logo from impeding imagery, graphics and page trim.
17
x x
x x
x
x x
x x
hellomellow brand guide
18
logo usage
incorrect uses 1. d o not place the logo on a colored background that is not part of the specified color palette. 2. d o not use the logo in any other color except black and white or one of the colors specified in the palette. 3. do not stretch or condense. 4. d o not allow the background color that the logo is placed on be any smaller than the minimum white space that should surround it. 5. d o not alter elements within the logo individually or mix and match color combinations within the logo.
19
1.
2.
3.
4.
5.
hellomellow brand guide
20
t ypography
primar y & secondar y t ypefaces in print futura demi should be used for all headlines primarily in sentence case. futura book should be used for all body copy.
hellomellow uses lowercase type at all times.
label fonts for ingredient usage use helvetica regular
21
futura demi abcdefghi jklmnopqrs tuvwxyz 123456789
futura book abcdefghijklmnopqrstuvwxyz 123456789
helvetica regular abcdefghijklmnopqrstuvwxyz 123456789
hellomellow brand guide
22
t ypography
web t ypefaces headline/banners should be in futura helvetica should be used for all headlines primarily in sentance case. ariel is used for body copy.
23
futura medium abcdefghijklmnopqrstuvwxyz 123456789
helvetica abcdefghijklmnopqrstuvwxyz 123456789
ariel abcdefghijklmnopqrstuvwxyz 123456789
hellomellow brand guide
24
photography
product photography individual products, gift sets or sets should be photographed on white, with light shadowing.
alternate product photography for outside of the web and for use on banners, printed materials and other collateral. these are the shots that describe the brand style and feel.
25
product specific shots
product lifestyle shots
hellomellow brand guide
26
photography
lifest yle photography lifestyle photography is dependent on the product and blend it is representing. the photos should represnt healthy, happy, glowing people.
27
hellomellow brand guide
28
brand snapshot
hello all natural handmade cruelty free paraben free sulfate free recyclable eco-friendly 8 custom-crafted aromatherapy blends
moisturizer - scrub - soak - spray - lip care - aromatherapy - gifts - mommy & baby
29
hair wax
hair wax
you need butter hair
here is the deal...you know that hair wax you use? the one with the unpronounceable words and chemical smell? it’s bad for you. our avocado-mango butter not only acts as a great molding wax but it’s good for your hair, scalp, mood and entire system. we use no fillers, no synthetic chemicals, no petroleum and no other toxic junk so you can keep it mellow, fellow.
directions: use it like you would any pomade or wax. good for all types of hair. use sparingly, a little goes a long way.
hellomellow.com
handmade in los angeles, ca. vegan. gluten-free ingredients. paraben free. cruelty free. phthalate free. petroleum free.
keeping the whole family mellow
no need to worry. our kiddo and preggo lines are made of baby and mommy-to be friendly all natural ingredients and essential oils. all of our kiddo products are specially formulated to nurture your little one and our preggo products are specially formulated to care for your body and soul during this special time. more info: hellomellow.com
handmade in los angeles, ca. vegan. gluten-free ingredients. paraben free. cruelty free. phthalate free. petroleum free.
hellomellow brand guide
30
Produced by ( iii ) DESIGN, inc San Luis Obispo, California fresh@iiidesign.com
Copyright Š 2012 hellomellow No part of this book may be reproduced in any form without the permission of author. All rights reserved. This book was created using the blurb creative publishing service. Blurb.com