Professional Documents
Culture Documents
Brand Guidelines
August 2018
1
Evernote Introduction
Brand Guidelines
How to use this guide
Introduction The Evernote design system was born from our DNA:
It is optimistic, clever, confident and clear. Everything
Logo
we design needs to be crafted with care in order
Color to reflect our company purpose: helping people
Typography
focus on what matters most. These brand guidelines
provide the guidance you need to make our brand
Contact identity shine, wherever it lives.
2
Evernote
Brand Guidelines
Introduction
Logo
Color
Logo
Typography
Contact
3
Evernote Logo The logo lockup is made up is made up of two
parts: the elephant (Mads) and the wordmark.
The following pages outline the principles
behind both elements, and how to use them to
Brand Guidelines represent Evernote in the most effective way.
Primary logo lockup
Introduction
Logo
Color
Typography
Contact
4
Evernote Logo The logomark is affectionately named Mads,
after Evernote’s first paying customer.
Using the logomark on its own is an exception
and requires approval from Evernote.
Brand Guidelines
Logomark (Mads)
Introduction
Logo
Color
Typography
Color Logomark White Logomark
Contact
5
Evernote Logo There are two versions of our logo: primary
and secondary. The primary logo lockup
The primary logo in black and green should be
used on white whenever possible. When using
Brand Guidelines
Logo lockups
(horizontal) should be used whenever possible. a color background the white logo should be
Use this version in both portrait and horizontal used.
applications.
Green Black
PANTONE 2422 PANTONE Black 6 C
CMYK 80/0/100/0 CMYK 0/0/0/100
RGB 0/168/45 RGB 0/0/0
HEX #00A82D HEX #000000
Introduction
Logo
Color
Primary Color Lockup Primary White Lockup Primary White Lockup
Typography
Contact
6
Evernote Logo Our logos and logomark should always be
legible, whenever they’re used. The minimum
Consult with the Evernote Brand team team for
guidance and approval should the application
Brand Guidelines size is the smallest the logo may appear without of the logo require it to be sized below the
Minimum size compromising legibility. recommended minimum size.
Logo
Print: .1875" (3/16") Print: 1" Print: .75” (3/4”)
Screen: 24x24px Screen: 72px Screen: 54px
Color
Typography
Contact
7
Evernote Logo To give our logos the space they deserve, we’ve
defined specific parameters for their clear space.
All graphic elements must remain the specified
distances from our logos. Or else, they should
Brand Guidelines This is where no other graphic element can always be given as much space as possible.
Clear space encroach.
Use the height of the “v” to measure the
minimum clear space.
Introduction
Logo
Color
Typography
Contact
8
Evernote Logo Below are examples of what not to do with
the logo.
Brand Guidelines
Misuse
DO NOT reposition elements within lockups DO NOT scale marks disproportionately DO NOT rotate or flip marks DO NOT alter the color of marks
Introduction
Logo
Color
Typography
Contact
DO NOT use the wordmark alone DO NOT resize elements individually DO NOT add elements to the marks DO NOT add effects to the marks
within lockups
DO NOT place marks on a pattern DO NOT fill the logo with patterns DO NOT create patterns with the marks DO NOT typeset the wordmark
or any busy background
9
Evernote
Brand Guidelines
Introduction
Logo
Color
Color
Typography
Contact
10
Evernote Color Our primary palette is made up of two colors.
They are derived from the logo and symbolic of
Make sure to use the color values for our brand
as shown below. The Pantone colors should be
Brand Guidelines the Evernote brand. A secondary palette is used used for print.
Brand colors as accent colors to help bring vibrancy to the
visual system.
Introduction
Logo
Green Black
Pantone 2422
Pantone Black 6 C
CMYK 80/0/100/0
CMYK 0/0/0/100
RGB 0/168/45
RGB 0/0/0
HEX #00A82D
HEX #000000
11
Evernote
Brand Guidelines
Introduction
Logo
Color
Typography
Typography
Contact
12
Evernote Typography Our primary typeface is a modern sans-serif
with a number of subtly interesting letter forms.
Brand Guidelines It strikes the perfect balance between well-
Primary typeface crafted and instantly recognizable, but also
friendly and welcoming.
Soleil
Soleil Bold Soleil Bold Italic Soleil ExtraBold Soleil ExtraBold Italic
13
Evernote Typography In applications where Soleil is not available,
please use Helvetica Neue.
Brand Guidelines
Alternative typeface
Helvetica Neue
Helvetica Neue Light Helvetica Neue Light Italic Helvetica Neue Regular Helvetica Neue Italic
14
Evernote
Brand Guidelines
Introduction
Logo
Color
Contact
Typography
For inquires, please reach out to brand@evernote.com
Contact
15