Bumble Brand Guidelines
Bumble Brand Guidelines
Bumble Brand Guidelines
Guidelines 2021
FIRST
EDITION
LAST MODIFIED INDEX
10/19/2021
MISSION
LOGO
TYPOGRAPHY
COMPOSITION
COLOR
PHOTOGRAPHY
MESSAGING
are healthy
and equitable. Safe Inclusive
We provide a safe, healthy space We welcome and value people
for our community where bullying, from across the gender spectrum
harassment, and hate speech and beyond the binary.
aren’t tolerated.
Equal Healthy
We flip old-fashioned gender We encourage healthy
dynamics. We establish equality relationships with oneself and
in every relationship in love, life, others. We provide a safe,
and work — starting with women equal, inclusive environment.
making the first move.
Alternate Colorways
The clear space around the logo is defined Only in select situations, such as
by the widest length of the hexagonal hive, brand partnerships, should another
creating a fixed padding on all sides. element fall within the clear space.
Use the width of the hive’s top cutout (which is one- When the partner’s logo is longer in width
third the width of the hive) to define one unit of space. than the Bumble logo use a centered, stacked
Use a separation line between the two logos. layout. In this case, the separation line should
The weight of the line is defined by one-third the width match the width of the partner’s logo. Use two
of the vertical stroke in the “b.” Round the corners. units between each logo and the separation line.
1⁄3
1 UNIT
2 UNITS
1⁄3
LO LOVE LOVE
ON ON ON
Do not alter the logo. Refer to this guide for specific examples
of what not to do. Note, this is not a complete list.
Never turn the hive upside down. Don’t stack the hive and word mark. Don’t apply effects. Don’t turn the logo upside down.
Don’t rotate the logo. Don’t change the size of the hive. Don’t use off-brand colors. Don’t use hard-to-read color combos.
Don’t compress the logo. Don’t extend the logo. Don’t get creative with the logo. Don’t change the typeface.
1 UNIT PADDING
ABCDEFGHIJKLMN ABCDEFGHIJKLMN
OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklmnopq abcdefghijklmnop
rstuvwxyz qrstuvwxyz
0 1 2 3 4 5 6 7 8 9 ! 0 1 2 3 4 5 6 7 8 9 !
Circular Medium Circular Black
ABCDEFGHIJKLMN ABCDEFGHIJKLMN
OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklmnop abcdefghijklmnop
qrstuvwxyz qrstuvwxyz
0 1 2 3 4 5 6 7 8 9 ! 0 1 2 3 4 5 6 7 8 9 !
Styles*
LIBRARY HERE
Isometric Text
Use isometric style to treat a short phrase that represents a
meaningful moment. Generally applied to eight words or less.
Circular Black
not germs.
is equal to the
Font size value.
If a line break
occurs, the
Leading value
of the break
not germs.
HALF
Date virtually
with Bumble.
space should be
Date virtually
divided in half.
Left-aligned
with a natural
right rag.
with Bumble.
Use complete sentences
Kerning mode is set to Optical. with Sentence Case, and
Tracking is set to zero (0). punctuation.
Circular Black
set in
ALL CAPS.
SOMEONE HALF
Unless the layout
requires different
spacing, when a
line break occurs,
the Leading value
THEN FIND
of the break space
should be divided
in half.
Can be set either
Left-aligned with
a natural right
rag, or Centered,
depending on
the layout.
SOMEONE
Punctuation is
used normally
throughout the
message, but
periods at the
end of sentences
are dropped.
Black
Use for short or long-form text, or as a bold
accent to Book.
1:2 9 : 16 2:3
– – –
8 COL 8 COL 9 COL 2:1
–
20 COL
3:1
–
4:5 1:1 5:4 22 COL
– – –
10 COL 12 COL 14 COL
5:1
–
28 COL
1 9 2
2 16 3
Square &
Near-Square Layouts
The margins for this category ( S ) are a
square ratio ( 1 : 1 ). This means there 1
is equal padding on all sides to reinforce 1
the square proportions. 4:5
MARGIN
5 –
10 COL
1:1
1 –
12 COL
5:4
4 –
14 COL
3:2
2 –
16 COL
16
3:1 | 22 COL
1
1
3 Create a frame from the margins, and
4 Now we have the resulting 12-column grid Finished left-aligned layout. Finished centered layout.
crop the grid to create the working grid. for a square layout.
Maybe
everyone
Maybe
everyone
Maybe everyone Maybe everyone Maybe
left S.F. so you everyone
left S.F. so
you two left S.F. so two could meet left S.F. so you left S.F. so
could meet
each other.
you two
could meet each other. two could meet you two
each other. each other. could meet
each other.
Maybe
everyone
Maybe
everyone
Maybe everyone Maybe everyone Maybe
left S.F. so you everyone
left S.F. so
you two left S.F. so two could meet left S.F. so you left S.F. so
could meet
each other.
you two
could meet each other. two could meet you two
each other. each other. could meet
each other.
Use the Apple App Store and Google Play logos The following credit lines must be included for all
together in layouts when a call to action is required, instances where store logos are used. However, this
for instance, ‘Download now.’ does not apply to social media, in which case these
bylines do not need to be included.
Each logo comes with its own set of graphic standards.
Use the badges as provided. Never alter the logos.
FOR USE WITHIN THE UNITED STATES
– Download the appropriate logos. Logos are localized, and you
should obtain the correct version for your language and market. Apple and the Apple logo are trademarks of Apple Inc.
Google Play is a trademark of Google LLC.
– Google Play offers a logo for Digital (RGB) or Print (CMYK) use.
Select the appropriate format for each deliverable.
– Online use of the badges should link out to the Bumble app in
FOR USE OUTSIDE OF THE UNITED STATES (EXAMPLE SHOWN IN SPANISH),
each respective store. TRANSLATE THE CREDIT, BUT NOT THE TRADEMARK NAMES
CENTERED IN-LINE
X-HEIGHT
1 1⁄2 UNITS
MINIMUM
X-HEIGHT
MINIMUM
SEPARATION
WIDTH
The height of the app store logos should equal the
Bumble logo’s x-height, and align to its baseline. STACKED
X-HEIGHT
each other.
Apple and the Apple logo are trademarks of Apple Inc.
space between app
store logos.
Google Play is a trademark of Google LLC.
SQUARE – CENTERED
Maybe everyone
left S.F. so you
two could meet
Apple and the Apple logo are trademarks of Apple Inc.
Google Play is a trademark of Google LLC.
each other.
Bumble logo adjusted to span 4 1/2 columns to create
minimum separation width for app store logos.
optical balance.
Bb Bb Bb
combinations combinations for
BUMBLE YELLOW
for typography typography and
PMS 123 C
and logos. logos.
HEX #FFC629
CMYK 0 19 89 0
RGB 255 199 44
BUMBLE BLACK
Bb Bb Bb
PMS 433 C
HEX #1D252C
CMYK 25 5 0 93
RGB 29 37 45
Approved color
combinations
for decorative art-
BUMBLE WHITE
work and pattern.
BRIGHT WHITE PAPER
HEX #FFFFFF
CMYK 0 0 0 0
RGB 255 255 255
GOLDEN HONEY
PMS 7555 CP
HEX #E3AA1F
CMYK 11 34 100 0
RGB 227 170 31
GOLDEN HONEY
DO DON’ T
Use a majority of Bumble Yellow and Core Bumble Colors. Use a majority of Secondary Colors.
they join Bumble. We aim to capture a variety of relatable Dating should be fun and our images should
moods and moments, not just the “perfect” ones. capture dating in this light: both in its perfect
and imperfect moments.
AIM
Styles
DIRECT-TO-CAMERA SELFIE ACTIVIT Y
Portrait-style photography Portrait is clearly taken by the user Wider scene that shows the set-
ting
_ Images can feel a bit more posed _ Images should be well-lit and fill the
but still need to capture natural frame. Characters should be happy _ Photos that capture interest or
and relaxed characters; avoid any and relaxed with natural smiles. Avoid activities that match the character’s
exaggerated poses, or movements. intense eye contact, pouts, or any profile you’re building, e.g., a hiker
forced facial expressions. walking outside or standing in a field.
_ These work best when the photo is
taken at eye level with subject’s eyes _ Subject’s head and face should fill _ These images can be more free-
sitting in the upper third of the frame. the frame with arm slightly visible. flowing in composition and can also
include movement that aids to capture
_ Full body, torso, and close crop _ Background should be simplified a more relaxed story or expressive
images should be considered. when capturing selfies. Avoid visual. The character should remain
any distracting clutter competing the focal point of the photo.
with focal points.
AIM
AIM
Lifestyle photos are our opportunity to show how Bumble _ Avoid direct-to-camera poses unless it’s a selfie.
fosters empowering connections. This is achieved Lifestyle photos should feel like natural moments that
by capturing free-flowing scenes of candid moments. occur during a relationship or during someone’s day.
We’re looking for genuine smiles, awkward laughs,
living room dances, first kisses, personal jokes, loving COMPOSITION
looks, vulnerability, and authenticity. Wider, open photos with negative space allow for
cropping and overlay text. Use the rule of thirds to
_ These photos have a higher production value without capture visually appealing negative space.
being over produced, fitting naturally within the Bumble
photography suite. Again, it’s a good thing if they seem
like they were taken on a cell phone.
RULE OF THIRDS
CASTING
ST YLING
AIM
AIM
communicating to,
emotional state.
How we speak to a user outside of the app
an individual user.
SOCIAL MEDIA
PARTNER CONTENT on Refinery29, for example,
will lean supportive and optimistic.
OUT OF HOME will scale according to campaign
goal like brand awareness or affinity,
generally ranging from optimistic to witty.
VULNERABLE HOPEFUL
Downward Rocky road The final Download Registering Choosing Light profile Orientate Start to Deciding Building Messaging A message Messaging Getting The date
spiral to recovery push and go an account pictures setup to the app message & what’s right out profile & matching that matters loop a date
match for me
Sincere Impatient
Excited
+ 1.5
This feels . . . Optimistic
Indifferent Excited
Honest Proud Neutral
Trustworthy Uncertain
Impatient
Eager
+ 1.0
Clear Relief
Frustrated
Excited
Vulnerable
Inviting Awkward
Energised
Excitement Confused
Uncertain
Sadness
Self-pity
Low self-worth
- 1.0
Bored Disrespected
Dread Openminded Determined
Self-conscious
Impatient Dejection
Hopeful
Pressured - 1.5
- 2.0
The Doom Loop
Legend PAIN
Positive emotion Man Drying up Failed experiments with profile Transparency & clarity of payments Conversations going nowhere
Negative emotion Woman - 2.5
Downward Rocky road The final Download Registering Choosing Light profile Orientate Start to Deciding Building Messaging A message Messaging Getting The date
spiral to recovery push and go an account pictures setup to the app message & what’s right out profile & matching that matters loop a date
match for me
Supportive Impatient
Excited
Sadness
Self-pity
Low self-worth
- 1.0
Bored Disrespected
Dread Openminded Determined
Self-conscious
Impatient Dejection
Hopeful
Pressured - 1.5
- 2.0
The Doom Loop
Legend PAIN
Positive emotion Man Drying up Failed experiments with profile Transparency & clarity of payments Conversations going nowhere
Negative emotion Woman - 2.5
Downward Rocky road The final Download Registering Choosing Light profile Orientate Start to Deciding Building Messaging A message Messaging Getting The date
spiral to recovery push and go an account pictures setup to the app message & what’s right out profile & matching that matters loop a date
match for me
Optimistic Impatient
Excited
+ 1.5
This feels . . . Optimistic
Indifferent
Positive Proud
Excited
Accepting Awkward
Energised
Excitement Confused
Vulnerable
Uncertain
Sadness
Self-pity
Low self-worth
- 1.0
Bored Disrespected
Dread Openminded Determined
Self-conscious
Impatient Dejection
Hopeful
Pressured - 1.5
- 2.0
The Doom Loop
Legend PAIN
Positive emotion Man Drying up Failed experiments with profile Transparency & clarity of payments Conversations going nowhere
Negative emotion Woman - 2.5
Optimistic
PUSH NOTIFICATION
OUT OF HOME
Downward Rocky road The final Download Registering Choosing Light profile Orientate Start to Deciding Building Messaging A message Messaging Getting The date
spiral to recovery push and go an account pictures setup to the app message & what’s right out profile & matching that matters loop a date
match for me
Bold Impatient
Excited
Sadness
Self-pity
Low self-worth
- 1.0
Bored Disrespected
Dread Openminded Determined
Self-conscious
Impatient Dejection
Hopeful
Pressured - 1.5
- 2.0
The Doom Loop
Legend PAIN
Positive emotion Man Drying up Failed experiments with profile Transparency & clarity of payments Conversations going nowhere
Negative emotion Woman - 2.5
Downward Rocky road The final Download Registering Choosing Light profile Orientate Start to Deciding Building Messaging A message Messaging Getting The date
spiral to recovery push and go an account pictures setup to the app message & what’s right out profile & matching that matters loop a date
match for me
Witty Impatient
Excited
Sadness
Self-pity
Low self-worth
- 1.0
Bored Disrespected
Dread Openminded Determined
Self-conscious
Impatient Dejection
Hopeful
Pressured - 1.5
- 2.0
The Doom Loop
Legend PAIN
Positive emotion Man Drying up Failed experiments with profile Transparency & clarity of payments Conversations going nowhere
Negative emotion Woman - 2.5
COVID-19
required.
we’re staying away from overly cute, cards, social, and push notifications
emphatic language and bee imagery. that could potentially be viewed by
EX: “Bee thoughtful,” etc. users at an inopportune time.