Professional Documents
Culture Documents
It's not fair. You have to know what looks good. What sounds good.
What truly represents your firm, its offers, its team. You have to sacrifice
ideas you love dearly so the big message hits home with the customer.
We're very sorry. That's just branding. To help you make the tough choices,
we've distilled the essential best-practices on the following.
Brand Strategy
Brand Name
Logo
Wordmark
Buddy Icon
Colour
Typography
Layout
Paper Stock
Visual Hook
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 2
ready. set.
GO ©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 3 3
Choose Your Brand Strategy
Your target audience Your brand promise Your brand personality Your brand position A dear and honest
has a need. fills their need and is the style with makes you no.1 so brand is a barrier to the
reflects your passion. which you deliver the audience resolves competition. It helps
your promise. their need with you, you simplify, sell and succeed.
not the competition.
The fusion of our audience’s need with our This is the reason our customers choose This is the style with which we market
passion to deliver. us over other service providers. ourselves to the world.
Disney Resorts Promise Disney Resorts Position ca 2010 Disney Resorts Personality
Memories The only resort with the Disney cast Magical, Family Friendly
of characters
Embodied in the slogan FedEx Personality
"Let the Memories Begin" Disney Resorts Position Today Reliable, Confident, Optimistic, Warm
The only resort with the Disney, Marvel and
FedEx Promise Star Wars casts of characters
Service Excellence
FedEx Position ca 1995
The only express transportation company
with guaranteed overnight delivery
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 5
Nail Your Brand Name
Short
Appealing
Memorable
Legally protected
Easy to find via search
Company Co.
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 6
Nail Your Brand Name
Your name and the letters that constitute Pictured to the left and in the centre, there
it are your best weapons in the creation of are two variations of the same name. To the
a brilliant visual identity. Think about that far right, you'll see the winning name carried
when you take in the designs below. through to creative work.
JACK.ORG
SIM
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 7
now it's
time to
get visual
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 8 8
Logo or Wordmark?
WHAT IS A LOGO?
A logo is a symbol that can stand in place
of your brand name. It takes a lot of money
to use effectively. Unless your marketing
budget is in the multi-millions, you won't
be able to advertise heavily enough for
your logo to embody your whole brand at a
glance. What most firms actually need is a
great wordmark.
WHAT IS A WORDMARK?
A wordmark is a stylized brand signature
based on the letterforms in your brand name.
Unlike a logo, a wordmark isn't separate
from your name.
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 9
Give it a Hook
COLOUR AS A HOOK
Hertz is yellow. Coke Zero is black. T-mobile
is magenta. Sprite is green. These brands use
their dominant colour everywhere as one big
identifier.
CHARACTER AS A HOOK
Colonel Saunders. The Green Giant. The
Kool Aid Man. These characters are more
than Ronald Macdonal style maskots. They
are baked into the visual system: logo,
packaging, advertising, everything.
SYMBOL AS A HOOK
Most marketers start believing their visual
identity must include a big symbol. Like a
Nike Swoosh or Apple apple. But those that
take the time will often find this big approach
doesn't work for small businesses. And
that the majority of Fortune 500 brands no
longer use logo symbols as their hook.
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 10
Give it a Hook: Wordmarks vs. Symbols
HOOK IN A WORDMARK
Many savvy brands opt to build a graphical
device right into the wordmark. Amazon is
one of them. When you look at the Amazon
mark, you see a delightful little arrow bolted
to the base. We'll talk more about this in a
minute, but first, let's contrast it with Nike.
BACK TO AMAZON
Amazon's arrow, on the other hand, is part
of the wordmark. There's no separating the
two. Even in social media, when the brand's
first initial is all you get, the arrow is still
there, fused to the 'a.' Where you never see
this element is floating in space, without
some piece of the wordmark to ground it.
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 11
Give it a Hook: Wordmarks vs. Symbols
It comes down to this: Nike has WORDMARKS: THE MA JORITY OF THE TOP GLOBAL BRANDS
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 12
Make It Iconic, Buddy
COMPANY CO
NOW THAT YOU HAVE A WORDMARK
You need a buddy icon. We'll get into what this is
in about 35 words. But for now, remember: these
days, your wordmark needs to live in some pretty
small places. Specifically, it needs to work nicely
YOUR WORDMARK SHOULD
within the confines of mobile devices and social
BE DESIGNED WITH YOUR
media. Enter the buddy icon.
BUDDY ICON IN MIND
C
screen execution of your wordmark. It's square,
it's small and, though it doesn't have to feature
your wordmark in full, your buddy icon should
display the most recognizable part. Remember,
CO NAME V E R Y LO N G N A M E
Start with colour strategy. The colours you choose for your brand are as
important as the actual message. Use colour to evoke emotional, subconscious
responses, and to differentiate from your competitors.
If the other guys are blue, be the opposite of blue: orange. If they’re green, be
red. The more you can start to think like this, the better. Especially when it's
time to sign off on your team's design work.
© 2 O 1 6 D I S T I L I T Y C O P Y R I G H T H O L D E R I S L I C E N S I N G T H I S U N D E R T H E C R E AT I V E C O M M O N S L I C E N S E , AT T R I B U T I O N 3 . 0 14
Show Your True Colours
CONSISTENCY IS KEY
It's no secret that colour plays a vital role in a
great visual identity. It seems simple, but it isn’t.
Your identity needs to look consistent in multiple
colour formats for screen and print.
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 15
Don't forget
*
RGB = Screen
CMYK = Print
Pantone = Spot colour print
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 16
FYI
Our display
DISPLAY MESSAGES
First things first. You need a display font, a
headline typeface that makes people go "wow!"
Display fonts entice a person to read more. They
make announcements. They set the mood.
HEADINGS
You also need primary and secondary heading
message style.
styles. These can hail from the same font family
Our Primary
as your display text, but they should be styled
differently using size, colour or case. Headings
help you scan for information.
PARAGRAPHS
Heading Style
Last but not least, you need a solid paragraph font.
Good paragraph fonts don't call much attention
to themselves. They have been designed to OUR SECONDARY HEADING STYLE
perform best between 6 and 14 pt. They need to Our paragraph style.
be highly readable.
{
PRINT FONTS
Desktop + commercial
Your fonts are affected by applications. Print fonts Must Haves OFFICE FONTS
Sharing on products
may not be available for web and vice versa. Neither
like Microsoft Office
print nor web fonts may work in PowerPoint.
WEB FONTS
Display on devices
Be a Font Fanatic
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 19
The Hidden Costs of Type
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 20
FYI
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 21
Speak the Language of Layout
YOU'RE SO CLOSE!
You've got your wordmark. You've got your
hook. Your colour palette and font hierarchy
go together like dark chocolate and
raspberry. Now you need them to look great
on a web page, a business card, a sales sheet
and an outdoor print ad. How do you make
sure this happens effectively across all these
applications? How do you stay consistent?
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 22
Speak the Language of Layout
incorporate things like photography and
illustration. It can also be rejigged to suit
various sizes and aspect ratios. But watch
out. Your brand's layouts have to give the
impression that the same hand is at work.
That means your grid system can only be
so accommodating before it's off brand.
ALWAYS BE GROUPING
When reviewing designs, make sure that all
elements – wordmark, display text, image,
body copy and call to action – are nicely
aligned. They should follow a clear hierarchy
that's consistent with other brand collateral.
And then there's the information itself, which
needs to be properly grouped.
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 23
Pick Your Paper Stock
to recycled material
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 25
Bring It All Together for the Win
BUT WHY ?
A visual identity isn't just one thing. It's an
amalgam of text, form, colour, imagery and layout.
All of these ingredients have to be there. But one
or two of them can drive the identity's hook.
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 26
Bring It All Together for the Win
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 27
A great visual identity can
associate positive feelings
with your brand over time.
It's your job to settle on one
that's authentic, compelling
and unique. Make us proud!
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 28
Before You Go
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 29
Image Credits
All trademarks, service marks, trade names, trade dress, product names and logos appearing in this ebook are the property
of their respective owners including, in some instances, Distility. Any rights not expressly granted herein are reserved.
brandfolder.com
https://brandfolder.com/blog/shared-story/biggest-branding-mistakes/
cocacolaportugal.com
http://www.cocacolaportugal.pt/19201201/jopt/post_images/standard/detail_lbITzYnZakM0pchLQsx9frA8wmHFdO.png
businessinsider.com
http://www.businessinsider.com/hidden-meanings-in-tech-company-logos-2014-6
logok.org
http://logok.org/nike-logo/
pantone.com
https://www.pantone.com/fashion-home-interiors-color-guide
en.wikipedia.org
By no machine-readable author provided. GearedBull assumed (based on copyright claims). [CC BY-SA 2.5 (http://creativecommons.org/licenses/by-sa/2.5)], via Wikimedia Commons
https://commons.wikimedia.org/w/index.php?curid=1656999)]
domtarblueline.com
http://domtarblueline.com/wp-content/uploads/2014/02/feature_all_products-1.jpg
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 30
Image Credits Continued
coca-colacompany.com
http://www.coca-colacompany.com/coca-cola-unbottled/sports/2015/coke-zero-brings-drinkable-commercials-to-football-enters-third-year-with-espns-college-gameday/_jcr_content/
articleBody/par1/image/promoImage.resize.w_584.h_329.jpg/rDJGb7LjkJ7kwDlatCCp2w/1441391736278.jpg
coca-colacompany.com
http://www.coca-colacompany.com/content/dam/journey/us/en/global/2013/03/coke-zero-final-four-march-madness-604-604-337-9effa9ff.jpg
lbITzYnZakM0pchLQsx9frA8wmHFdO.png
fedex.com
http://about.van.fedex.com/wp-content/uploads/2016/04/FedEx-solutions-people.jpg
brandchannel.com
http://www.brandchannel.com/wp-content/uploads/2015/11/td-banking-can-be-this-comfortable-600.jpg
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 31
Get Ready. Get Set.
WHAT IS AN APPLICATION?
It's a fancy way of saying "thing you need to
brand." Classic applications include business
cards, letterheads, brochures and websites.
2
3
FYI
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 33
Don't Forget the Wayfinding
WHAT IS WAYFINDING?
First coined by architect Kevin Lynch in his book Image
of the City (1960), wayfinding is "a consistent use and
organization of definite sensory cues from the external
environment." In other words, it's the visual and
auditory cues that show you where you are, where you
want to be, and how to get from A to B.
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 34
About the Authors
Axle Davids is the founder of Distility. Kalan Vuksanovich is creative lead at Distility.
He has over 20 years of experience building and With years of experience as a brand strategist
marketing brands. He created Distility in 2005 to and copywriter, he helps guide brand strategy
make the branding process smoother and faster development while overseeing all things written.
for industry innovators.
After a client goes through our brand strategy
For each project, Axle leads brand and business process, Kalan crafts their brand message and
strategy development. He makes sure every develops their voice. Then he works with our
client has the clarity they need to launch their design team to bring it home in winning visual
brand with confidence, and with their whole identity systems.
team on board.
See how Distility gets branding done If you would like to discuss your brand with
the Distility team, feel free to contact our
Just head over to distility.com office at 416 417 7777 x1
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 35
Make it Iconic
SO WHAT'S A MONOGRAM?
A monogram is a motif of one to four letters. It's
typically a person's initials, interwoven or otherwise
combined in a decorative design. It often identifies a
personal possession. Some brands have monograms.
THE POINT
A monogram can reinforce the feeling of a brand
after the customer has already been exposed to the
wordmark. This is not always true of a buddy icon,
which may be someone's first encounter with a brand.
So a buddy icon *must* be an application of the
wordmark. And the wordmark has to be designed with
this in mind. Not every brand needs a monogram. But a
buddy icon? You've got to have one of those.
©2O19 DISTILITY COPYRIGHT HOLDER IS LICENSING THIS UNDER THE CREATIVE COMMONS LICENSE, ATTRIBUTION 3.0 36
Are We on the Same Page?
WHAT IS AN APPLICATION?
© 2 O 1 6 D I S T I ©2O19
L I T Y C ODISTILITY
P Y R I G H TCOPYRIGHT
H O L D E R I S HOLDER
LICENSIN
ISGLICENSING
THIS UNDETHIS
R T HUNDER
E C R E AT
THE
I V ECREATIVE
COMMON COMMONS
S L I C E N S ELICENSE,
, AT T R I B U
ATTRIBUTION
TION 3.0 3.0 37 7
3