Logo Design Guide
Logo Design Guide
Logo Design Guide
In the last ten years, there has been a major shift in the rela-
tionship between business and design. anks largely to the
meteoric success of companies dened by strong branding and
user-oriented products, more organizations have come to rec-
ognize the importance of visual communication. Its no longer
a conversation reserved for a handful of highly trained special-
ists and a minority of progressive boardrooms.
Intro 3
Who are we writing for?
We imagine this guide will nd itself in the hands (aka download
folders) of various professionals working in the design space, or
those whose work is related in some way to a design deliverable.
Intro 4
As entrepreneurs incubate and bring their ideas to market,
they create a steady stream of companies and products that
require positioning in the competitive landscape. And as busi-
nesses mature and oerings change, those iterations often
require updates to the existing visual representation. is
constant demand for design work creates a well of opportunity
that is dicult to ignore.
We hope that this guide will nd its way into the reading lists
of designers. Ideally, it will contribute to their understanding
of the design process as it applies to logo design and encourage
them to incorporate it into their service oering.
Intro 5
This guide is for: Marketers, Project Managers,
Sales Professionals
A design education teaches someone how to create beautiful,
meaningful things. However, a conventional design education
doesnt always tell the whole story. It sometimes fails to express
that a beautiful, meaningful design doesnt sell itself. If the
client on the other side of the table is not convinced of its value,
that design will likely never see the light of day.
Intro 6
Our Vocabulary
ere seems to be an ever-growing collection of words used
when referring to design, so a quick recap of some general
denitions will help us get on the same page.
What is a logo?
Logos have been used by people for thousands of years.
Ancient merchants relied on markings to delineate ownership
between similar-looking clay pots and burlap sacks. Likewise,
owners of livestock would also (and still do) mark their animals
as a means to prevent confusion and confrontation.
Our Vocabulary 7
similar things feel completely dierent and are sometimes the
only visual manifestation of a service, collective entity, or eort.
Wordmark
A wordmark is a kind of logo that relies solely on the use of
letterforms. It has no additional graphic accents or icons. It is
an ecient mark that usually oers the viewer less visual in-
formation to interpret.
Brand Icon
A brand icon is a symbol that can be used independently or in
conjunction with a wordmark. ese potent images can easily
speak 1000 words (whether simply and directly or with a powerful
ambiguity).
(Keep in mind that not all logos are going to fit neatly into these three
categories. Sometimes a wordmark will incorporate some kind of
non-typographic element so is it still technically a wordmark? Not
really Which part of the combination mark is the logo? Put simply,
all of it. Logo is a term that can casually refer to any wordmark,
brand icon, or combination mark. When encountering a design that
is hard to classify, just say logo!)
Our Vocabulary 8
Logomark
is is a slightly fancier way of saying logo. To us, there is no
real dierence in meaning. Its just a handy piece of honoric
language that can be used to add a bit of reverence when refer-
ring to a particular logo design.
Typography
We use this word to refer to the style and treatment of letter-
forms. Its a term that can also describe how a particular font is
used in a visual design.
Our Vocabulary 9
Type Pairing
is phrase refers to the selection of two (or more) typefaces
that appear together in a single context or application.
Art Direction
Art direction is a term we use when referring to the combined
visual mood/tone of various curated elements in a design piece.
Creative Direction
We use this term to refer to high-level conceptual approaches to
a design solution. Creative direction guides the communication
strategy; art direction guides the execution and visual tonality
of that idea.
Design Collateral
Design collateral refers to any piece of media that is a product
of the design process and is used to represent or promote the
associated brand.
Deliverable
Similar to design collateral, deliverable is a word used to
describe the nal product of a design process. Its the thing
(or package of things) that is ultimately delivered to the client.
Branding
We use this term to refer to all the core visual identity elements:
wordmarks, brand icons, combination marks, and alternate logo
versions are all considered to be pieces of branding.
Our Vocabulary 10
Brand
A brand is a little more dicult to describe. Its a word that
refers to the full sensory experience of an organization (or
individual) not just the visual stu. is includes social media
presence, customer service experience, interior design, and
even things like the choice of music in the elevator or the qual-
ity of paper towels in the washroom.
Our Vocabulary 11
Another Thought
Why are identities important?
e nal design of a logomark is important, but should not be the
end goal of a branding project. Visual designers need to ensure a logo
looks intentional when applied to various pieces of brand collateral.
ese collateral pieces will each have their own range of content
requirements (text content, image content, other visual elements). e ap-
pearance of this information needs to be considered if the logo (and
brand) are to communicate the intended feeling successfully.
Our Vocabulary 12
Where to Start?
We believe that the creation of a visual identity system should
be the end goal of any logo design project. Logos dont live in
isolation. e designer needs to provide a plan for the accompa-
nying visual elements that support a logo design in application.
Where to Start? 13
Section 1
The Creative Brief
e brief is an essential document as it describes the design
problem and provides the means to measure the success of
future creative work. Its the strategy roadmap for the duration
of the project. e creative brief helps to calibrate the designers
mind to the task, and also holds the client accountable to an
approved creative direction. It should be used when it comes
time to review design concepts, and will help to diminish the
eects of personal bias (more on that later).
Essential elements
In general, the creative brief should cover the following bases:
1. A
sk questions
discovery meeting/interviews with stakeholders
Questionnaires/forms, user interviews or surveys
Learn about company, goals, values, audience
Understand how the company wants to be positioned visually
2. R
eview answers
Process the responses
Identify key points, eliminate redundancy
Distill into a single document
(email, , website, ppt, shared doc, wood carving, etc.)
3. A
rrange and present the important points
Use phrases, sentences, bullets, infographics
Reference visual examples, read between the lines
Submit for client review
4. R
evise and get approval
Incorporate feedback, embrace clarity
Insist on client sign-o before design commencement
Company Background
Who is the company? What is the product or service? What are the
core values and what does the brand stand for?
P
roject Overview
What is the purpose of the project? Does the project face any specic
challenges or restrictions? What are the project deliverables?
C
ontent & Messaging
What is the project trying to achieve? What are the main communi-
cation objectives? What is the priority of key messages?
Target
Audience(s)
Who are the primary, secondary, and incidental audiences? What is
their current relationship with the product or service? Why should
they care about the product or service?
C
ompetition
Who else exists in the competitive landscape? What are their dier-
entiating factors? How are they speaking to their audience with art
direction and copywriting?
V
oice & Tone
What are the desired adjectives to describe future communications?
What are the goals for the art direction and visual design?
Good Awesome!
Discovery: Discovery:
Prepare a Google doc questionnaire or Google form Hold a multi-day discovery session to fully explore
Have a discovery phone call to review answers or various discovery questions
ask additional questions Conduct independent stakeholder interviews to
further elaborate business/communication goals
Creative Brief: Send out user/customer surveys
Email a basic creative brief for client approval, state Interview members of the target audience
the following:
Perform comprehensive competitive landscape
the design challenge research
communication goals
general audience profile Creative Brief:
Prepare a PDF or web page to present the
competitive landscape
creative brief
5 adjectives for creative direction
Consider including the following sections:
company profile
statement of the design challenge
communication objectives
list of key ideas to express through design
priority of messages
list of adjectives for creative direction
detailed audience profiles (primary/secondary)
visual mood boards
competitor analysis (local/global/indirect)
Use the creative brief as a shield against personal bias when presenting
and reecting on the eectiveness of a design solution. Allow it to be
the justication for the creative work and all parties will benet from
a stronger solution in the end.
1. P
roblem Denition
Put simply, the designer needs to know what problem they are try-
ing to solve. In terms of logo design, this could be a problem with
a brands position in the market, a lack of existing visual represen-
tation, or a logo that is illegible at small sizes. Whatever the case,
everyone needs to fully understand the design challenge before any
solutions can be tabled.
2. R
esearch
Before a designer can start their creative process, they need to
study up on the competitive landscape, audience, and production
techniques.
3. D
ivergence
is is the sketching (aka braindumping) phase. Once the designer
has calibrated their mind for the design challenge (problem denition,
communication goals, audience prole), they are ready to let loose with
their ideas and creative intuition.
Its also important to note that divergence can happen any time,
and doesnt need to be so strictly or linearly dened. Designers
may be inspired by a particular piece of research, or even during
the creative brief phase. Just remember that design is the solution
to a problem so a solution that arrives before the problem is fully
understood might not be the most successful answer.
4. Convergence
e goal of the convergence phase is to measure the eectiveness
of the sketches by using the creative brief. What ideas stand out
and what makes them successful?
Which ideas most directly communicate the key messages (e.g. bold,
established, traditional, innovative)? Which ideas have the greatest
chance to resonate with the intended audience? Are there certain
components to a sketch that can be successfully combined with the
components of another?
6. R
evisions & Implementation
Collaboration between the client and the designer is an essential
part of the logo design process. When approached correctly, it
leads to stronger solutions.
Good Awesome!
Research: Research:
Do quick internet searches on the list of competitors Research local/global competitors; build image
provided by the client; build a small reference folder resource folders of their branding assets; take notes
of logo images and site bookmarks on their messaging strategy and other art direction
Look at the social properties of various competitors Build a file that demonstrates the primary brand
and review the audience of people who are colour of various competitors
engaged in conversations with those brands Look at the social properties of various competitors
and review the audience of people who are
Divergence: engaged in conversations with those brands
Set aside 1 or 2 afternoons for divergence and Prepare a questionnaire and conduct user
visual exploration interviews to determine how people feel about a
E xplore how different ideas can be expressed in particular product or service
sketches; stay off the computer
Divergence:
Convergence: Reserve at least 1 week for divergence and visual
Identify the most effective sketches and convert exploration
them to vector Keep a sketchbook on hand at all times
E xperiment with stroke weight, colour, proportion, E xplore how different ideas can be expressed in
and positioning sketches
Choose meaningful typefaces that align with the Push past the initial layer of ideas; find other ways
creative brief to represent key ideas; combine approaches to
create new concepts
Presentation: Stay off the computer!
Email a PDF presentation with notes or conduct
a screen share to review the concepts
Convergence:
See section 4 for suggested approaches and Identify the most effective sketches and convert
content of presentations them to vector
E xperiment with stroke weight, colour, proportion,
Revisions & Delivery: and positioning
Include at least 1 round of revisions in the initial
Isolate successful vector renderings and perform
project scope
additional cycles of digital divergence; see how else
Ask for the clients feedback in writing that idea can be represented visually
Make revisions to the selected concept based on Apply meaningful type selections to each concept;
client input explore a range of options
Typography
Typography is a vessel for mood and emotion, and the selection
of supporting type is the soul of every visual identity.
Colour
A meaningful colour palette will elevate any identity system.
It has the power to symbolize an idea, evoke emotion, and relate
directly to cultural stories and values. Colour is a core element
of visual language that people process before they are con-
sciously aware of it. Because colour is such a powerful element
of visual communication, its important to use it intentionally.
P
hotography & Image Treatments
A consistent approach to photography, both in style and subject mat-
ter, creates an additional through line that audiences recognize and
associate with the brand. Intentional image crops, standard colour
treatments, and other lters/eects are important to consider when
establishing an art direction. For example, if the tabled identity
concept suggests portraits of people are an eective way to connect
with the audience, make a plan for consistent lighting, cropping,
background, and model styling/tonality if possible. is will result in
a style of photography that is as memorable as the logomark itself.
I llustration
Illustration is a great way to capture abstract ideas in a visual form
(something that is often difficult with photography). ey can be informa-
tive while adding additional character to the brand voice. Like
photography, illustrations also need a consistent approach to visual
execution, visual tonality, and subject matter to maximize their
eectiveness in an identity context.
P
attern
Just like a brand mascot or illustration style, the use of pattern in
an identity system can become an iconic element that the audience
recognizes and gravitates towards. Whether its a single pattern used
in various applications, or a family of dierent meaningful patterns,
they can be a successful way to visually communicate an additional
layer of brand character. Well executed patterns also provide a brand
with more visual versatility, as they can be applied to specic visual
environments that other identity elements may have trouble with (like
wrapping papers, textile designs, and backgrounds for text).
Good Awesome!
Sample Applications: Sample Applications:
Consider these simple logo applications that dont Consider these more complicated logo applications
require the design of additional layouts: to help show the concept in context. These may take
presentation folder more effort to create since they involve more content
tshirt /uniform and craft than just applying a logo to a space:
mug business card
step & repeat pattern responsive web design
app splash screen presentation deck
truck graphic brochure
bag postcard
environmental graphic corporate badges
billboard
See section 4 for more info about the full contents print advertising
of a visual identity presentation
See section 4 for more info about the full contents
of a visual identity presentation
1. R
eview the brief
Every visual identity presentation should begin with a quick recap
of the approved creative brief. is will calibrate all parties prior
to the assessment of work. Design is the solution to a problem, and
each design needs to resonate with a target audience. Referring to
the brief before sharing concepts provides a refreshed perspective
on the task at hand. And by encouraging all parties to view the
work from the audiences perspective, personal bias is reduced.
2. R
eview the competitive landscape
Occasionally, our presentations take a quick spin through the
competitive landscape before showing design concepts. Sometimes
competitive landscapes can be dominated by common themes or
colours we use this as an opportunity to show how specic con-
cepts could be positioned against those existing designs. For clients
that live in more saturated or ercely competitive spaces, this sim-
ple positioning step provides a valuable vantage point for assessing
the eectiveness of the following concepts.
3. H
ighlight the details
Each concept needs to be thoroughly explained. Details that may
seem obvious to visually-minded designers can be lost on a client
who may not have as much experience reviewing and assessing
visual nuances. We leave nothing to chance. We feel its better to
err on the side of thoroughness than to have some valuable strat-
egy or detail go unnoticed. Additionally, each concept should be
presented with as little personal bias as possible, allowing the client
to assess how each solution meets the needs of the creative brief.
P
rimary logo design
e logo design should be shown alone on white space at a reason-
able size (not comically large) so the client can appreciate the marks
details and communicative value.
S ize reductions
Demonstrate that the logo can be reduced to very small sizes and
still retain legibility if it doesnt work small, it doesnt work at all.
1-colour
version
Even if the client has not requested a 1-colour version, include one
to demonstrate the versatility of the logo design, and its ability to
anticipate any future production requirements.
Colour
palette
Isolating the colour swatches from the logo design helps the client
fully consider and appreciate the palette so they can judge its e-
ectiveness.
T
ype pairing
Choose a sample text setting of relevant content to outline the pro-
posed fonts for headings, subheads, body text, etc. Provide licens-
ing information and costs associated with each proposed typeface.
B
asic applications
Choose example applications that are relevant to the clients busi-
ness goals or audience expectations. Apply the logo and other
identity elements to these applications to demonstrate the viability
of each proposed identity system.
S ummary
Include the main logo design, size and colour reductions, selected
example application, and a short written summary of the approach.
Ideally these summary pages should be printer-friendly (so no solid
black backgrounds).
Good Awesome!
Presentation Intro: Presentation Intro:
Bullet point notes, audience recap, and key Full reiteration of the creative brief details,
concepts from the creative brief summarized in bullets points and diagrams
List of biggest competitors as a reminder of how the Audience profiles and summary to remind everyone
work will be positioned who the work is trying to reach
In-depth competitive landscape analysis with visual
Logo & Visual Identity Presentation: examples and notes about each competitor focus
Present at least 2 concepts to the client on the tone and voice, general art direction, and
Each concept should include: their approach to copywriting and logo design
the logomark
Logo & Visual Identity Presentation:
size reductions of the logo Present at least 3 concepts to the client
1-colour version of the logo Each concept should include:
an example icon treatment
the logomark
basic type pairing
size reductions of the logo
a simple example application to demonstrate the
logo in context (e.g., tshirt design) 1-colour version of the logo
alternate lockup versions of the logo
summary
colour palette in use (swatches and any
associated mood images)
Delivery Format:
Prepare a single flat image for each concept type pairing and licensing info
Email the presentation with notes to elaborate example icon treatments in context for various
each design solution or conduct a presentation via social media uses
screen share a variety of more complicated sample applications
Request client feedback and revisions by email to demonstrate the logo in context (e.g., business
card design, print ad, example use in the nav of a
web page with proposed type systems)
summary
Delivery Format:
Prepare an annotated, multi-page PDF or
presentation web site with all concepts
Provide written rationales for each aspect of the
concept (not just the logomark)
Awesome! (cont.)
Schedule a meeting with all stakeholders to walk
them through the designs on screen; provide print
outs to reference during the presentation
Capture first blush feedback and answer questions
to help validate concepts
Following the meeting, email the printer-friendly PDF
presentation with summary slides of each concept,
or leave a copy of the presentation on USB
Schedule another meeting or call to discuss
additional feedback and revisions
Request client feedback and revisions by email or
capture verbal feedback in writing for the client to
review and confirm
Once the nal identity design is approved, the logo les should
be packaged in a way that non-designers can easily use: think
and transparent of all versions. Source artwork,
fonts, and colour palette references should also be provided
for anyone who needs to work with the visual identity in the
future. Bonus points are awarded for more specialized le for-
mats that may be requested down the line: , , or legacy
working les.
Good Awesome!
Revision Process: Revision Process:
Include at least 1 round of revisions in the initial Ask for the clients feedback in writing or provide a
project scope written summary of changes discussed and make
Ask for the clients feedback in writing and make revisions to the selected concept based on input
revisions to the selected concept based on input Continue to refine the mark if an additional round
Continue to refine the mark if an additional round of work is required; estimate and bill for the time
of work is required; estimate and bill for the time required
required Prepare approved logo files and visual identity
Prepare approved logo files and visual identity design for delivery (the Logo Pack ZIP)
design for delivery (the Logo Pack ZIP)
Logo Pack Contents:
Logo Pack Contents: Table of contents readme.txt providing direction
All logo files in full colour, 1-colour, and alternate on when each logo file should be used
lockups provided as AI for use in print All logo files in full colour, 1-colour, and alternate
All logo files in full colour, 1-colour, and alternate lockups provided as AI, EPS, PDF for use in print
lockups provided as JPG, transparent PNG, and All logo files in full colour, 1-colour, and alternate
SVG for use in digital lockups provided as JPG, transparent PNG, and
Collection of square logo JPGs or PNGs in different SVG for use in digital
colours for use in social properties, app icons, etc. Collection of square logo JPGs or PNGs in different
Master AI file of all logo lockups in all colours with colours for use in social properties, app icons, etc.
organized/named colour swatches Master AI file of all logo lockups in all colours with
Fonts used in the logo and visual identity design organized/named colour swatches
(depending on license) PDF or web page style guide of typography
PDF or web page colour reference sheet with Licensed fonts used in the logo and visual identity
swatches, cymk, and rgb/hex values PDF or web page colour reference sheet with
swatches, cymk, rgb/hex, and Pantone values
PDF or web page of basic logo standards guide for
alignments, clearspace, other usage details, and
dos and donts
Library of any additional art direction elements
like pattern swatches, sample photography, PSDs
of photo filters, or GIFs showing approved logo
animations
Closing 52
goes on behind the scenes of a logo design. If you feel this guide
is valuable to your workow or business, consider making a
contribution at studiofunction.com/logo-design-guide/ or help us
spread the love with a tweet.
Special thanks
All illustrations in this are by Sam Island. Check out more
of his work at samislandart.com. Copy editing and general good
vibes provided by Caleb Sylvester.
Colophon
is was created using Adobe InDesign. e text is set
in Crimson Text by of engineering student Sebastian Kosch,
available via Google Fonts. Headlines and other chunky bits
are set in Nimbus Sans Novus by .
Closing 53
Help us improve this guide
Our visual identity design process has been a work
in progress over the last decade. Were always on the
lookout for dierent approaches and would love to
hear your feedback. Tweet @studiofunction or email
us at [email protected] and lets chat.