mivo brand guideline 2015
DESCRIPTION
It's the compact version of Mivo Brand Guideline. The challenge to make this guideline compact, was deliver the important parts without reduce its meaning. Also, make it simple but can deliver the explanation to viewer about what the brand is.TRANSCRIPT
BRAND GUIDELINE
Copyright © 2015 Mivo
Brand Guideline | Contents | 02Copyright © 2015 Mivowww.mivo.com
This is a content guide to the basic
elements that make up Mivo. Have a seat,
make a cup of coffee, and enjoy your read
to know us better.
03 OUR IDENTITY
05 HOW WE LOOK
Our Color
Our Logo
Our Typeface
Do’s & Dont’s Logo
Imagery
13 HOW WE TALK
Tone of Voice
14 OUR STATIONERY
*example of a vectorimagery. Use solid colors only.
Brand Guideline | Our Identity | 03Copyright © 2015 Mivo
*Example for a good use of photo imageryMake sure the picture is high-res.
Don’t use cluttered images.
www.mivo.com
LiveYes, we are alive & breathing.
to shareWe like to share live experience &emotions streaming. Share one small part of you, can be the worldfor other person.
Mivoliveto share[read: liv’ - tu- syer]
*Use solid color for vector images, icons, and text colors.
Brand Guideline | Our Identity | 04Copyright © 2015 Mivowww.mivo.com
FRESH
FUN
SIMPLE
Just like human, beside the face, it also has
personality. The main personality could be
defined using 3 words. This 3 principles will
determine our behaviour for every usage of
our brand. Well, let’s meet them.
Bold, young, lively.
Friendly, casual, cool.
Easy, intuitive, effortless.
Brand Guideline | Our Brand | 05Copyright © 2015 Mivowww.mivo.com
Coated PaperPANTONE 1578 C
C:50 M:0 Y:100 K:0R:141 G:198 B:63#8CC63E
Pantone Pastels Neons Coated 901 C
C:68 M:25 Y:0 K:0R:32 G:162 B:243#20a2f3
Pantone Solid Coated 213 C
C:0 M:95 Y:9 K:0R:244 G:33 B:134#f42186
Pantone Solid Coated Purple C
C:44 M:82 Y:0 K:0R:191 G:45 B:226#bf2de2
Coated PaperPANTONE 12714 C
C:78 M:11 Y:46 K:0R:13 G:168 B:157#0ca79c
PRIMARY COLOR
SECONDARY COLOR | RECOMMENDED
Orange MivoPantone 172 C
C:0 M:70 Y:100 K:0R:243 G:112 B:33#F37021
NEUTRAL COLORS
We accepted black, white, and grey (variation derivated from black) as a neutral colors.
You can use these colors for text or other supporting elements.
To make our design outstanding, use one fresh color only, then use the
neutral color for the rest of it.
They are bold, confident, and clear. They are life itselves.
WE LIKE FRESH COLORS
Pantone Solid Uncoated 375 U
C:50 M:0 Y:100 K:0R:138 G:196 B:35#8AC423
C:69 M:15 Y:0 K:0R:0 G:173 B:239#00ADEF
Pantone Solid Coated 213 C
C:0 M:95 Y:9 K:0R:244 G:33 B:134#f42186
Pantone Solid Coated Purple C
C:44 M:82 Y:0 K:0R:191 G:45 B:226#bf2de2
Pantone Solid Coated 326 C
C:78 M:11 Y:46 K:0R:12 G:167 B:156#0ca79c
PRIMARY COLOR
SECONDARY COLOR | RECOMMENDED
Orange MivoPantone 172 C
C:0 M:70 Y:100 K:0R:243 G:112 B:33#F37021
NEUTRAL COLORS
We accepted black, white, and grey (variation derivated from black) as a neutral colors.
You can use these colors for text or other supporting elements.
To make our design outstanding, use one fresh color only, then use the
neutral color for the rest of it.
They are bold, confident, and clear. They are life itselves.
WE LIKE FRESH COLORS
Brand Guideline | How We Look | 06Copyright © 2015 Mivowww.mivo.com
Our logo is a very valuable member of our
brand. We must treat it warm and nicely.
- Everyone need a clear space, use 50% clear space for default. If the space is insufficient, you can use 25% clear space.- Lock-up logo’s proportion & ordering.
- Don’t stretch or skew it, we dont’ do exercise.- Don’t change the letters order. It’s already cool anyway.- Don’t rotate the logo, it needs to stand.
Full Logo [Standard logo]
Usage:- For every main marketing tools/ads.- Website - For minimum space of logo, better use this logo.
25%50%
Full Logo + Tagline
Usage:- For external usage like eventsor to socialize about Mivo.- Print media in big size
Letter Logo [Exceptional]
Usage:- For small promotional items- Icon app for Mobile App- Social media identity
25%50%
50%50%
Big size logo might speak louder, but when
it comes in small size, it describes
self-confidence. Not that small though, so
we need a magnifier to see our logo. We
don’t set maximum size for the logo, it
might grows as big as it can.
01. Know how to behaveDifferent space & place might be followed by the suitable scale & proportion. Just make sure people can read our logo easily but still look cool.
02. Lock-up logoOur logo already beautiful by standing up like that. Reminder for you to just let the letters in order & tagline position just like the original.
print height: 0.5cmonline height: 16px
print height: 4cmonline height: 150px
Brand Guideline | How We Look | 07Copyright © 2015 Mivowww.mivo.com
Brand Guideline | How We Look | 08Copyright © 2015 Mivo
Our primary logo for sure is Mivo Orange
and Mivo White for secondary logo. In
some cases, a colored logo may not be
practical such as in newspaper. Well, we
anticipated that kind of case.
01. Monochrome mode in 75% blackExchanged the orange color, we use 75% black for monochrome mode.
02. Monochrome background applicationUse Mivo Grey on light monochrome background, Mivo White for dark monochrome background. Mivo White with grey box for unavoidable case, which is sometimes needed for imagery background.
www.mivo.com
C:0 M:0 Y:0 K:75R:98 G:98 B:102#626366
02. Mivo White with grey box
75% Black
01. Mivo Grey
Brand Guideline | How We Look | 09Copyright © 2015 Mivowww.mivo.com
Even though we’re not a rules &
regulations kind of company, but we do
have some guides to make us look cool.
Anyway, here are some examples of what
we think is cool & big-no-no things to do.
01. Space around the logoAlways leave the logo some space to breathe. Use white or neutral background for Mivo Orange.
02. Colorful seatsIf Mivo logo has to sit in a colorful seat, you can use orange Mivo as background color. For external usage, Mivo White is a good match with dark and strong background colors.
03. Warning!Do not place the logo on yucky colors.
04. Not CoolDo not use the logo on the cluttered imagery background. Use Mivo White with or without orange background, depends on the most suitable condition.
05. Simple & Original is appealingThe logo is sacred. Do not add embellishments like drop-shadows, emboss or any other effects to the logo. Skew, rotate, or stretch the logo will get punishment.
06. Put the old logo in storageDo not pull-out the old logo back from the storage. So, please..move on. We already have the latest one.
01. Mivo Orange
03.
05. 06.
04.
02. Mivo White
Brand Guideline | How We Look | 10Copyright © 2015 Mivowww.mivo.com
Our Typeface for print.
Let’s meet Aller family.
Aller RegularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz(.,:;?!@#%^&*)0123456789AaAller Light-RegularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz(.,:;?!@#%^&*)0123456789Aa
Aller BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz(.,:;?!@#%^&*)0123456789Aa Light 48pt
Regular 36ptLight 32pt
Regular 24pt
Display 4
Display 3
Display 2
Light 28ptDisplay 1
Headline
Bold 20pt Title
Regular 16ptSubhead
Regular 12ptBody
Regular 10ptCaption
Our photography is like a bread. It
captures a slice of everyday life. It should
makes you feel homey & warm, like you
were there.
Brand Guideline | How We Look | 11Copyright © 2015 Mivowww.mivo.com
01. Natural and relaxedWell, maybe as natural as you saw a beautiful girl pass in front of you, and your eyes following her. Oops!
02. Everyday and honestSomething we can all relate to in real life. Our coffee cups are dirty, our boots have muds on them, our shirts wrinkled. Pure & honesty are the warmest feeling on earth.
03. Personal and engagingCapturing emotions and intimate moments are always touching.
04. Sometimes funnyBeing a little weird, goofy, and funny makes us a bit uncommon. That will create an unforgettable memories.
05. Artificial and cold pics are not welcomeDon’t use images where people are posing, like in a catalog. Don’t use interior design that is not lived-in. Also, don’t use flat & cold lighting.
01-04
05
Our vector style including icons &
illustrations should be in solid & strong
colors. Black, white, and grey are our best
pals!
Brand Guideline | How We Look | 12Copyright © 2015 Mivowww.mivo.com
01. Single fresh color is outstandingIt’s like a beautiful flower in the middle of the greens. Single fresh color (or make it double if needed), will looks outstanding and focal in between the neutral colors.
02. We’re originalYou don’t have any original picture taken by us? Well, you can always make it original by illustrating it in vector. Just make sure your vector is recognizable.
03. ReusableIt will be great if the vector images are reusable for any media purpose. Environmental media friendly!
01
04
03
05 02
01. Logo02. Identity03. Typeface04. Color05. Other Elements
Sample of brand proportion
FRESH
FUN
SIMPLE
Bold, young, lively. We talk naturally loud
and clear.
Friendly, casual, cool. It’s like talking to a
good friend, warm-welcome.
Easy, intuitive, effortless. Talk less do more.
Great product will shout their own quality
without shouting out its jargon.
Our tone of voice surely identify us as
one identity; written and spoken.
Brand Guideline | How We Talk | 13Copyright © 2015 Mivowww.mivo.com
Our stationery template. Clean, simple,
easy to produce, and for sure deliver the
correct emphasize to the recipient.
Brand Guideline | Our Stationery | 14Copyright © 2015 Mivowww.mivo.com
Copyright © 2015 Mivo
BRAND GUIDELINE