Foursquare Brandguide
Foursquare Brandguide
Foursquare Brandguide
BRAND GUIDE
LOGO USAGE
Brand Guide
FALL 2014
FOURSQUARE
BRAND GUIDE
INTRODUCTION
FOURSQUARE
BRAND GUIDE
INTRODUCTION
BRAND GUIDELINES
GRAPHIC ELEMENTS
02 Brand Idea
05 Logo
16 Radiating Lines
03 Table of Contents
17 Map Pins
07 Usage
18 Widow Cling
08 Swarm + Foursquare
09 Improper Usage
10 Logo Mark
11 Social Icons
12 Improper Usage
13 Color Palette
14 Secondary Palette
TABLE OF CONTENTS
Brand
Elements
FOURSQUARE
BRAND GUIDE
LOGO MARK
LOGO
WORD MARK
FOURSQUARE
BRAND GUIDE
CLEARSPACE
The Foursquare logo and
Foursquare mark should
always be surrounded by
a minimum area of space.
A margin of clear space
equivalent to the height of
the F is drawn around the
logo to create the invisible
boundary of the area of
isolation. The mark has a
clearspace equal to half
the width. These areas of
separation are a minimum
and should be increased
wherever possible.
MINIMUM SIZE
There are no
predetermined sizes for
the Foursquare logo.
Scale and proportion
should be determined
by the available space,
aesthetics, function and
visibility.
There is no preset
maximum size for the
Foursquare logo. Minimum
sizes are as shown here.
FOURSQUARE
WORDMARK
The Foursquare wordmark
should be used in the main
Foursquare blue or white.
The wordmark should
never be used in the
Foursquare Pink.
Black can be used in rare
situations but should be
generally avoided.
The white Foursquare logo
is ideal for use over images
and colored backgrounds.
When placing over
photography, ensure
contrast by placing over
dark area, find negative
space.
BRAND GUIDE
LOGO USAGE
FOURSQUARE
SWARM AND
FOURSQUARE
Swarm incorporates the
Foursquare wordmark in
its own logo. DONT alter
lock up.
BRAND GUIDE
FOURSQUARE
BRAND GUIDE
LOGO USAGE
INCORRECT
WORDMARK
USAGE
When using the
Foursquare logo the
following rules should be
adhered to at
all times.
FOURSQUARE
LOGO MARK
The Logo mark should only
use the Foursquare Pink.
When used over colored
backgrounds use the white
version.
Black can be used in rare
situations but should be
generally avoided.
When using the Logo
mark over photography
a multiply effect may be
used if needed.
BRAND GUIDE
LOGO USAGE
10
FOURSQUARE
BRAND GUIDE
SOCIAL ICONS
11
SOCIAL ICONS
The logomark social icon
should be used without a
holding shape if possible.
Leave a minimum of 8px
between icons.
FOURSQUARE
LOGO USAGE
BRAND GUIDE
12
LOGO MARK
INCORRECT USAGE
The logo mark can be used
as a secondary element
to highlight people,
objects and places. It
should always use the
watermelon color when
used in this manner and
should be used as a large
primary element.
Always use logo in its
vertical form, do not
rotate or change to
accomodate image.
DONT use the Foursquare blue for
the logo mark
FOURSQUARE
PRIMARY COLOR
BRAND GUIDE
COLOR
FS Watermelon
#F94877
FS Navy
#0732A2
FS Blue
#2D5BE3
13
FOURSQUARE
SECONDARY COLOR
BRAND GUIDE
14
SECONDARY COLOR
FOR MARKETING &
DESIGN
RATING SYSTEM
EXPERTISE
ARTS, ENTERTAINMENT
OUTDOOR &
RECREATION
TRAVEL &
TRANSPORT
COLLEGE &
UNIVERSITY
FOOD
NIGHTLIFE
SHOP &
SERVICE
PROFESSIONAL
& OTHER
AREA &
NEIGHBORHOOD
Graphic
Elements
FOURSQUARE
RADIATING LINES
Radiating lines can be used
as a secondary element in
ads, posters, or collateral.
The lines should always
have a width equal to
that of the logo mark. The
space inbetween should
also have an equal width.
You can achieve this effect
by using Offset Path in
Illustrator and setting the
Offset to double the point
size of the logo mark.
When using the circular
lines in combination with
the logo mark they should
be joined together at the
origin point.
Use a Multiply effect at
10% opacity to achieve
color difference.
BRAND GUIDE
RADIATING LINES
16
FOURSQUARE
MAP PINS
The map pin is used in
combination with a set of
icons that covers different
types of locations.
Do not use the logo mark
as a pin.
BRAND GUIDE
MAP PINS
17
FOURSQUARE
WINDOW CLING
BRAND GUIDE
WINDOW CLING
18
Thank you!
2014 Foursquare | All rights reserved