Lyft Brand Guidelines Overview
Lyft Brand Guidelines Overview
Lyft Brand Guidelines Overview
ANOTHER MANIFESTO
Oh, hey there. We believe in adventure. We believe in asserting It’s the millions of people connecting
in rides across North America every
ourselves. We believe in no limits. We believe in doing it first — and single day. It’s the countless, unique
(maybe) asking for permission later. We believe in not being another connections between people of all
walks of life. It’s the endless proof that
sheep in the crowd. We believe in creating and relishing in your own different people can get along — even
personal brand. We believe in living by your own manifesto. We if it’s just for a 5-minute ride.
believe in not being scared to say, “Oh, fuck.” We believe in all that
and more. We believe in making as much noise as possible. We
believe in the fact that there’s so much more to life than your 9-to-5,
all your daily toil, your 401k, and your 40-year mortgage. We believe
in putting away the three-piece suit for an evening of really, really
bad/awesome reality television. In short — we believe in beliefs.
Need we say more? To know yourself, to know the mission, to know
what’s behind, to know what’s ahead: Stay together, move together.
Be … together. But this isn’t about us, or the app, or splashes (okay,
lots of splashes) of fluorescent pink. It’s about you.
OVERVIEW THE WHOLE POINT BRAND GUIDELINES
releasing a brand color system where unique and seemingly rando word barf, or how to
complementary colors come together properly use our color palette that’s as
Design principles
DESIGN PRINCIPLES BRAND GUIDELINES
Simplify. Be clear.
Be concise.
Be direct.
Simplicity is the whole reason Lyft exists in the first
place. If our experience is more difficult than taking a
bus, then there’s no point in doing it. Designs should be
easy to understand and free of unnecessary clutter.
Busy is bad.
DESIGN PRINCIPLES BRAND GUIDELINES
Give it Be bold.
contrast. Be thoughtful.
Be tenacious.
Lyft sits at the cross-section of technology and
humanity. Contrast is woven into the DNA of our
origin story and throughout our most successful and
enduring ideas. This clash of opposing forces will be
a gauge for anything from materials and finishes
to physical experiences and beyond.
DESIGN PRINCIPLES BRAND GUIDELINES
Stay a Be expressive.
rebel. Be unapologetic.
And, uh, do have
a sense of humor.
This company was formed through rebellion, and
we continue to move in our own direction. We should
always strive to maintain that unique Lyft spirit, and
never be stodgy, arrogant, or mean.
SECTION TWO BRAND GUIDELINES
difference between
feeling — you just wouldn’t write for a
Voice refers to one’s overall speaking and happy crowd the same way you would
writing style, while tone actually changes for an angry crowd.
voice & tone? depending on the situation.
The Lyft voice That being said: The voice of Lyft is casual
and conversational, and we speak with
The Lyft voice is:
The logo
THE LOGO THE MARK INTERNAL USE ONLY BRAND GUIDELINES
We typically will not authorize the use of our logo unless you are an
official partner of Lyft through a partnership or enterprise contract.
Old New
Guidelines on how to request permission
• All requests must be in English
• The name and contact information for the individual
and company making the request
• A detailed summary of the request, placement, and the proposed use
• Requested use dates
• Intended distribution channels
• The final version of the proposed use (including script pages
and treatment if use involves TV/film/podcast/radio)
Nopes.
It’s important that the Lyft logo appears
in a consistent manner. With logos, of
course, come a set of rules we should
all abide by when it comes to usage.
We politely ask that you:
Sit still. Do not rotate the logo. Keep it simple. Do not add effects We love yoga, too. But do not
or treatments to the logo. stretch, wrap, or alter the
proportions of the logo.
No toppings, please. Outline is lame. Keep the logo in Do not add a drop shadow to
solid color. the logo.
THE LOGO LOCKUPS BRAND GUIDELINES
lockups
As Lyft grows, so does our list of carefully
x height
curated partnerships with other brands.
Here are some guidelines around pairing
the Lyft mark with one or more additional
logos:
• The Lyft logo works with other logos of all shapes 2x height
and sizes, from wordmarks to more awkwardly
shaped logos.
• The partnership logo should be centered on the Vertical lockup Multiple partnerships lockup
center x-height line.
lounge
Standard
lockups x height
business
sure these lockups follow these rules:
0.5x height
• The distance between the logo and the
partnership name is half x-height.
synchronized
• For long, multi-word partnership names,
stack the name vertically and left-align it.
x height
swim team
0.5x height
SECTION FOUR BRAND GUIDELINES
Color theory
COLOR THEORY OVERVIEW BRAND GUIDELINES
Primary palette
Our primary palette is at the core of
our brand identity and should be used
for any static or one-off, brand-focused
executions (such as business system,
app icons, press materials). v
• We use white and black more often, and White Lyft Pink Black
use pink more sparingly.
RGB: 255, 255, 255 RGB: 255, 0, 191 RGB: 17, 17, 31
HEX: ffffff HEX: ff00bf HEX: 11111f
• This proportion lets us be more precise
PMS: N/A PMS: 813 Neon U/C PMS: Black C
CMYK: 0/0/0/0 CMYK: 0/100/0/0 CMYK: 0/0/0/100
with how and when we use pink.
01 02
We use black mostly for text Black backgrounds make Get an Get an
affordable affordable
on white backgrounds. the most sense when the
messaging is about Lux
ride in ride in
and Lux Black rides, or
late–night in general.
minutes. minutes.
03 04
Avoid combining Lyft pink We are steering away from
and Lyft black. using pink as a large flood
of background color.
03 04
COLOR THEORY OVERVIEW BRAND GUIDELINES
But life isn’t always black and white and pink. Think of the secondary palette as
the supporting cast of a movie —
the Gayle to your Oprah. The Timon
and Pumbaa to your Simba.
Secondary palette
Gray Dusty Rose Desert Orange Sunshine
Secondary palette
Green Aqua Sky Ultramarine Violet
Combining colors
light
Light
cool
Warm warm
Cool
dark
Dark
HOW TO USE The color palette is divided into Start by choosing your color Pick its partner color by choosing
quadrants defined by light/dark,
combination by picking one color
a color from the quadrant directly
as well as warm/cool. from any quadrant. diagonal from it.
COLOR THEORY SECONDARY COLOR COMBOS USAGE BRAND GUIDELINES
01 02
01 02
Use only two colors, Color combos in more robust
chosen from diagonally design materials should be
opposed quadrants from
the color spectrum.
used to highlight or break
apart sections. Get an
Get an
Qui blandit
Qui blandit
praesent
Ut wisi enim
Ut wisi
ad minimenim
affordable
affordable
praesent
lupt
ad minim
veniam
veniam
lupt
03 04 ride in
ride in
Do not introduce a
third color.
Color combos are intended
to support the core palette,
minutes.
minutes.
do not combine multiple
color combos in one
execution, do not allow color
to overpower the design.
03 04
COLOR THEORY SECONDARY COLOR COMBOS USAGE BRAND GUIDELINES
01
Color combinations are a nice
contrast from a simple black and
white layout. When necessary,
draw contrast between two
colored sections by using the 01
inverse relationship.
02 03 Get an Get an
Two hues that are too close Do not use two hues that are affordable affordable
in vibrancy create vibrating
boundaries, which are hard
too close in value. There’s not
enough contrast to ensure ride in ride in
to look at. legibility.
minutes. minutes.
02 03
COLOR THEORY OVERVIEW BRAND GUIDELINES
Brand advertising and large media buys should always use the primary palette.
COLOR THEORY OVERVIEW BRAND GUIDELINES
Growth/engagement emails may use either the primary or secondary palette. Ambassador T-shirts may use the secondary palette. Usually, people will
own more than one shirt, and may switch between them often.
COLOR THEORY OVERVIEW BRAND GUIDELINES
Monotone application:
black / white logo
Secondary application:
color logo
Typography
TYPOGRAPHY LYFT PRO BRAND GUIDELINES
bold
The brand typeface:
Lyft Pro
semibold
Lyft Pro is confident and playful,
while retaining readability and its
own unique personality.
medium
characters to ensure legibility at all
sizes and in all weights.
regular
TYPOGRAPHY LYFT PRO BRAND GUIDELINES
and weights
Make $35 an
Font-weight: Bold
Letter spacing: -20pt
Case: All caps
Headline
hour cruising
Go big. (But keep it small, too.) Font-weight: Bold
Letter spacing: -40pt
Case: Sentence case
the Mission.
both font size and font weight as tools
for readability, impact, and rhythm.
Handy guide
Hdln 100pt
Font-weight: Bold
Headline 56pt
Font-weight: Bold
Headline 32pt
Font-weight: Bold
Headline 18pt
Font-weight: Bold
Font-size: 100pt Font-size: 56pt Font-size: 32pt Font-size: 18pt
Letter spacing: -40 Letter spacing: -40 Letter spacing: -40 Letter spacing: -40
Line spacing: 88pt Line spacing: 56pt Line spacing: 32pt Line spacing: 18pt
Headline 80pt
Font-weight: Bold
Headline 48pt
Font-weight: Bold
Headline 28pt
Font-weight: Bold
Headline 16pt
Font-weight: Bold
Font-size: 80pt Font-size: 48pt Font-size: 28pt Font-size: 16pt
Letter spacing: -40 Letter spacing: -40 Letter spacing: -40 Letter spacing: -40
Line spacing: 72pt Line spacing: 48pt Line spacing: 28pt Line spacing: 16pt
Handy guide
Font-weight: Bold Font-weight: Bold Font-weight: Bold Font-weight: Bold Font-weight: Bold
Font-size: 28pt Font-size: 14pt Font-style: All caps Font-style: All caps Font-style: All caps, underlined
Letter spacing: -40 Letter spacing: -40 Font-size: 16pt Font-size: 8pt Font-size: 18pt
Line spacing: 32pt Line spacing: 16pt Letter spacing: -20 Letter spacing: -20 Letter spacing: -20
Handy guide
Body copy depends on size and length Body Copy 1 Body Copy 2 Body Copy 3
of information being designed. In
Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet,
general, we use regular weight and adipiscing elit, sed diam nonummy nibh euismod adipiscing elit, sed diam nonummy nibh
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
euismod tincidunt ut laoreet dolore
stay between 9pt and 16pt, although tincidunt ut laoreet dolore magna aliquam erat magna aliquam erat volutpat. Ut wisi enim
laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam,
volutpat. Ut wisi enim ad minim veniam, quis ad minim veniam, quis nostrud exerci
quis nostrud exerci tation ullamcorper
this will be dependent on the size of nostrud exerci tation ullamcorper suscipit lobortis tation ullamcorper suscipit lobortis nisl ut
suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
aliquip ex ea commodo consequat.
your composition. nisl ut aliquip ex ea commodo consequat.
laoreet dolore magna aliquam erat
Laoreet dolore magna aliquam erat
Euismod tincidunt ut laoreet dolore magna volutpat. Ut wisi enim ad minim veniam,
volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper
aliquam erat. volutpat. Ut wisi enim ad euismod quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. ullamcorper
tincidunt. aliquam erat volutpat. Ut wisi enim ad suscipit lobortis nisl ut aliquip ex ea
Tracking is generally a little looser than minim veniam, quis nostrud exerci tation commodo consequat.
suscipit lobortis nisl. Ut aliquip ex ea
commodo consequat. Laoreet dolore
veniam, quis nostrud exerci tation ex magna aliquam erat volutpat. Ut wisi
in headlines, and line spacing is at ullamcorper suscipit lobortis nisl ut aliquip ex ea eullamcorper suscipit lobortis nisl ut
enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lob.
commodo consequat. Euismod tincidunt ut laoreet aliquip a commodo consequat.
least 1.25 times the font size, although dolore magna aliquam erat. volutpat. Lorem ipsum dolor sit amet,
veniam, quis nostrud exerci tation ex
this value may be different depending eullamcorper suscipit lobortis nisl ut
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
tincidunt. aliquam erat volutpat. Ut wisi enim ad aliquip a commodo consequat. veniam, laoreet dolore magna aliquam erat
on what application you’re using to minim veniam, quis nostrud exerci tation quis nostrud exerci tation ex eullamcorper
volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper
ullamcorper suscipit lobortis nisl ut aliquip ex ea suscipit lobortis nisl ut aliquip a commodo
create your designs. commodo consequat. Euismod tincidunt ut laoreet consequat. veniam, quis nostrud exerci
suscipit lobortis nisl ut aliquip ex ea
commodo consequat. iquip ex ea
commodo consequat.
tation ex eullamcorper suscipit lobortis nisl
dolore magna aliquam erat. volutpat.
Iconography
ICONOGRAPHY OVERVIEW BRAND GUIDELINES
Iconography
Emojis have cemented their reputation
as a native communication tool, so we
created a completely new set of icons
that are bold and confident. Inspired by
the great iconography in wayfinding and
transportation design throughout history,
these icons were created to work nicely
with Lyft Pro and carry the friendliness
that is inherent to the Lyft brand.
Building icons
These icons are drawn in a 100px by
100px grid. The system is built off a
multiple of 4px weight, and the shape
emphasizes 8px as the foundation.
• Sharp edges
34 px
66 px
100 px
SECTION SEVEN BRAND GUIDELINES
Illustration
ILLUSTRATION RIDE TYPES BRAND GUIDELINES
Different types
of Lyft rides,
illustrated
LYFT SHARED SHUTTLE
• clean
are featuring
Cityscapes
Illustrated cityscapes allow us to
connect with local markets and portray
our understanding of those cities. These
illustrated cityscapes are:
Spot
illustrations
Spot illustrations emphasize and
support a concept when copy alone
feels fragmentary. Spot illustrations
should be:
Photography
and videography
PHOTOGRAPHY & VIDEOGRAPHY KNOW YOUR AUDIENCE BRAND GUIDELINES
Speak to
the audience
We have different audiences, and
our photography and videography
should engage with each of them
in a way that they can relate to.
Driver Passenger
PHOTOGRAPHY & VIDEOGRAPHY DRIVER POINT OF VIEW BRAND GUIDELINES
Driver
perspective
Lyft drivers are driving toward their
goals — we’re just here to help them FPO FPO
get there. Drivers should be portrayed
as real people doing real things. This
means shooting drivers in realistic,
everyday settings with a
photojournalistic style.
•
of driving.
Passenger
perspective
Colorful and stylized studio
environments combine with talent
to tell a story about an activity,
event, or destination.
Casting
direction
Part of what makes Lyft special is
the surprise and delight that
comes from pairing unique people
together. We should cast talent
that brings that to life.
car selection
TOTOTA PRIUS SUBARU CROSSTREK VW PASSAT HIGHLANDER
Lyft Lux
Remember: The car should never be the
center of attention — the Lyft experience
should always be in the spotlight.
Motion graphics
MOTION GRAPHICS THE WAY WE MOVE - LOGO ANIMATION BRAND GUIDELINES
Lyft motion
At the core of Lyft is our shining personality. Lyft has two core logo animations, but encourages
The way we move should always emphasize original logo animations on a case-by-case basis.
that bright, eclectic personality and voice. Brand Creative approval is required to execute an
Our animations should be clear, concise, and original logo animation for a larger budget
resolve quickly. The Lyft brand animations are campaign element.
based on an ecosystem of four bold type
treatments. With the exception of the formal For more details on animation — such as type
treatment, the treatments are meant to be treatments, logo animations, and transitions —
mixed and matched. check out the Lyft Motion Style Guide.