Foursquare

Official Websites

• https://foursquare.com
• https://foursquare.com/developer
• https://tr.foursquare.com
• https://it.foursquare.com

Brand Guidelines

2012

Brand Summary

Mission

• Foursquare is a free app that helps you and your friends make the most of where you are. We help you share and record the places you’ve been, and give you personalized suggestions and deals based on where you, your friends, and people with your tastes have been.

Core Values

• fun
• playful simplicity
• consistency
• exploration
• rewarding users

Target Audience

• Individuals who enjoy exploring their cities, sharing experiences, and connecting with friends based on location and interests.

Personality Traits

• light-hearted
• playful
• bold
• friendly
• simple

Visual Identity Overview

• The brand identity is bright, bold, and colorful, with a focus on playful simplicity. Visual elements include a distinctive logo, a clear color palette, consistent typography, and iconic imagery such as crowns and badges. The brand maintains strict standards for logo, icon, badge, and crown usage to ensure consistency and recognizability.

Categories

Brand Voice

• Our signature writing style is light-hearted and playful.
• Foursquare should always be capitalized apart from in our logo, and should never ever be listed as ‘FourSquare’. Ever.

Brand Imagery

• The preferred way to use the Foursquare logo is over a white/light background or on Foursquare blue. Every attempt must be made to do this.
• If the logo must be placed on a dark background or color options are limited then the Foursquare logo can be knocked out and used in one color.
• Please observe the clear space around the logo to maximize visual effectivenes. Nothing should intrude into this specified clear space.
• DON’T: 1. Change logo’s orientation. 2. Add extraneous effects to the logo. This includes but is not limited to: bevel and emboss, lighting effects and drop shadows. 3. Place the logo on busy photography. 4. Change the logo colors. 5. Attempt to recreate the logo. 6. Scale the logo unproportionately. 7. Make alterations, additions or substitutions to the words and or colors contained in the logo. 8. Use the logo as a repeated pattern, “wallpaper,” or other decorative device. 9. Display the logo without the® or TM symbol.
• The Foursquare icon is used on our mobile apps and on any marketing materials where social media icons are used.
• The Foursquare icon is more versatile in its usage than the Foursquare logo. The Foursquare icon can be used with rounded corners or no rounded corners. It can be subtly styled to fit into social media icon sets. The Foursquare icon can lie on most colors.
• DON’T: 1. Change the color of the icon to fit your campaign colors. 2. Remove core elements of the design or attempt to redraw. 3. Rotate the icon. 4. Stretch or distort the icon. 5. Alter the square that the icon sits in. 6. Add any additional typography to the icon.

Color Palette

• PMS 307
• CMYK 100, 45, 16, 1
• RGB 0, 114, 177
• HEX# 0072bl
• BLUE PMS 312C CMYK 0, 0, 0, 62 RGB 0, 170, 210 HEX # 0cbadf
• FOURSQUARE LOGO YELLOW PMS 600 CMYK 7, 2, 40, 0 RGB 238, 235, 172 HEX# eeebac
• GREEN PMS 375C
• ORANGE PMS 151 C 48, 0, 100, 0 CMYK 0, 65, 100, 0 143, 212, 0 RGB 255, 121, 0 #8fd400 HEX# ff7900
• YELLOW PMS 116C CMYK 0, 19, 100, 0 RGB 255, 203, 0 HEX# ffcb00
• GRAY PMS 427C CMYK 17, 11, 13, 0 RGB 209, 212, 211 HEX# dld4d3
• Our colors are what gives us our personality. We’re bright, bold and colorful.
• 1. LOGO COLORS These are our logo colors. Use these sparingly so as not to outshine our logo.
• 2. SUPPORTING COLOR PALETTE These make up our core color palette.
• 3. PERCENTAGES Use the supporting color palette in the outlined percentages in all marketing material.
• Don’t: Change the logo colors.
• Don’t: Make alterations, additions or substitutions to the words and or colors contained in the logo.

Typography

• Typography is a key element to communicate a unified personality for Foursquare. We have selected GOTHAM as our font.
• GOTHAM is strong, yet it is not overbearing. When writing headlines use GOTHAM CAPS. When using GOTHAM for body copy use sentence case. Mixing weights in headlines is okay too.
• Use helvetica regular and bold on web and in mobile apps.

Logo Usage

• Our logo is the touchstone of our brand and one of our most valuable assets. We must ensure proper usage.
• The preferred way to use the Foursquare logo is over a white/light background or on Foursquare blue. Every attempt must be made to do this.
• If the logo must be placed on a dark background or color options are limited then the Foursquare logo can be knocked out and used in one color.
• Please observe the clear space around the logo to maximize visual effectivenes. Nothing should intrude into this specified clear space.
• DON’T: 1. Change logo’s orientation. 2. Add extraneous effects to the logo. This includes but is not limited to: bevel and emboss, lighting effects and drop shadows. 3. Place the logo on busy photography. 4. Change the logo colors. 5. Attempt to recreate the logo. 6. Scale the logo unproportionately. 7. Make alterations, additions or substitutions to the words and or colors contained in the logo. 8. Use the logo as a repeated pattern, “wallpaper,” or other decorative device. 9. Display the logo without the® or TM symbol.

Tone And Messaging

• Our signature writing style is light-hearted and playful.
• Foursquare should always be capitalized apart from in our logo, and should never ever be listed as ‘FourSquare’. Ever.

Visual Style

• The preferred way to use the Foursquare logo is over a white/light background or on Foursquare blue. Every attempt must be made to do this.
• If the logo must be placed on a dark background or color options are limited then the Foursquare logo can be knocked out and used in one color.
• Please observe the clear space around the logo to maximize visual effectivenes. Nothing should intrude into this specified clear space.
• DON’T: 1. Change logo’s orientation. 2. Add extraneous effects to the logo. This includes but is not limited to: bevel and emboss, lighting effects and drop shadows. 3. Place the logo on busy photography. 4. Change the logo colors. 5. Attempt to recreate the logo. 6. Scale the logo unproportionately. 7. Make alterations, additions or substitutions to the words and or colors contained in the logo. 8. Use the logo as a repeated pattern, “wallpaper,” or other decorative device. 9. Display the logo without the® or TM symbol.
• The Foursquare icon is more versatile in its usage than the Foursquare logo. The Foursquare icon can be used with rounded corners or no rounded corners. It can be subtly styled to fit into social media icon sets. The Foursquare icon can lie on most colors.
• DON’T: 1. Change the color of the icon to fit your campaign colors. 2. Remove core elements of the design or attempt to redraw. 3. Rotate the icon. 4. Stretch or distort the icon. 5. Alter the square that the icon sits in. 6. Add any additional typography to the icon.
• PMS 307 CMYK 100, 45, 16, 1 RGB 0, 114, 177 HEX# 0072bl
• BLUE PMS 312C CMYK 0, 0, 0, 62 RGB 0, 170, 210 HEX # 0cbadf
• FOURSQUARE LOGO YELLOW PMS 600 CMYK 7, 2, 40, 0 RGB 238, 235, 172 HEX# eeebac
• GREEN PMS 375C
• ORANGE PMS 151 C 48, 0, 100, 0 CMYK 0, 65, 100, 0 143, 212, 0 RGB 255, 121, 0 #8fd400 HEX# ff7900
• YELLOW PMS 116C CMYK 0, 19, 100, 0 RGB 255, 203, 0 HEX# ffcb00
• GRAY PMS 427C CMYK 17, 11, 13, 0 RGB 209, 212, 211 HEX# dld4d3
• Our colors are what gives us our personality. We’re bright, bold and colorful.
• LOGO COLORS These are our logo colors. Use these sparingly so as not to outshine our logo.
• SUPPORTING COLOR PALETTE These make up our core color palette.
• PERCENTAGES Use the supporting color palette in the outlined percentages in all marketing material.

Iconography

• The Foursquare icon is used on our mobile apps and on any marketing materials where social media icons are used.
• The Foursquare icon is more versatile in its usage than the Foursquare logo. The Foursquare icon can be used with rounded corners or no rounded corners. It can be subtly styled to fit into social media icon sets. The Foursquare icon can lie on most colors.
• DON’T: 1. Change the color of the icon to fit your campaign colors. 2. Remove core elements of the design or attempt to redraw. 3. Rotate the icon. 4. Stretch or distort the icon. 5. Alter the square that the icon sits in. 6. Add any additional typography to the icon.
• We use a variety of iconography in the Foursquare brand. From navigational elements, category definers to badges.
• When creating icons please keep the following in mind: • Imagery should be simple and iconic • Detail in elements should be minimal • Round corners whenever possible • Use straight on perspective to cut down on complexity • Don’t used vector traced photographs, they should have an illustrative playfulness to them that traced photographs often lack

Layout And Composition

• The preferred way to use the Foursquare logo is over a white/light background or on Foursquare blue. Every attempt must be made to do this.
• If the logo must be placed on a dark background or color options are limited then the Foursquare logo can be knocked out and used in one color.
• Please observe the clear space around the logo to maximize visual effectivenes. Nothing should intrude into this specified clear space.
• DON’T: 1. Change logo’s orientation. 2. Add extraneous effects to the logo. This includes but is not limited to: bevel and emboss, lighting effects and drop shadows. 3. Place the logo on busy photography. 4. Change the logo colors. 5. Attempt to recreate the logo. 6. Scale the logo unproportionately. 7. Make alterations, additions or substitutions to the words and or colors contained in the logo. 8. Use the logo as a repeated pattern, “wallpaper,” or other decorative device. 9. Display the logo without the® or TM symbol.
• The Foursquare icon can be used with rounded corners or no rounded corners. It can be subtly styled to fit into social media icon sets. The Foursquare icon can lie on most colors.
• DON’T: 1. Change the color of the icon to fit your campaign colors. 2. Remove core elements of the design or attempt to redraw. 3. Rotate the icon. 4. Stretch or distort the icon. 5. Alter the square that the icon sits in. 6. Add any additional typography to the icon.

Trademark Guidelines

• The ® symbol signifies that a mark is registered in the U.S. Patent and Trademark Office. The ™ symbol is used with trademarks that have not yet been registered. Only use the ® when you are certain that a trademark has been registered with the USPTO. If you are uncertain, please use the ™ designation.
• Always use the Foursquare Marks in sentences as adjectives.
• Always distinguish the Foursquare Marks from surrounding text by capitalizing, italicizing, or using a different font for Foursquare Marks.
• Always follow your use of our Foursquare Marks with the ™ or ® symbol, as applicable, in superscript.
• Do not use our Foursquare Marks in the possessive form.
• Do not use the ® symbol when referring to our company. It is only used when Foursquare is employed as a brand to identify our products and services.
• Use the trademark ownership statement on every communication or publication: foursquare® and the foursquare® logos are registered trademarks of Foursquare Labs, Inc.

Badge Usage

• Badges are an important part of Foursquare. They reward users for exploring their cities and trying new things.
• 1. FOURSQUARE BADGE Foursquare created badges appear in a circle shape with a solid border. They reward users for going out of their way and exploring new and interesting places.
• 2. BRANDED BADGES Badges created by brands appear in a ‘shield’ shape. Partner badges are fun rewards for exploration, and are tied to a partner’s objectives as a brand.
• 3. BADGE ICONOGRAPHY We use special Iconography to denote different sets of badges. A. All Badges B. Foursquare badges C. Branded badges

Crown Usage

• The Foursquare crown is an integral part of our branding. It often acts as a secondary branding mark.
• We use 4 different styles of crowns:

• 1. GOLD CROWN The gold crown is the primary crown used in our mobile clients and on our website to denote user mayorships. It should not be used on marketing material.

• 2. SOLID CROWN The solid crown icon can be used in any of our colors in illustrations for marketing.

• 3. OUTLINE CROWN The outline crown can be used in any of our colors. It is mostly used as secondary iconography in illustrations on marketing material. If the crown is the focal point of your piece, it’s best to use the solid crown as that is most recognizable to our brand.

• 4. CIRCLE CROWN The solid crown can also be used in a circle. The circle outline must be thick and the interior of the circle should be transparent.

2014

Brand Summary

Mission

• The Foursquare brand is more than just a logo. It is a visual system and language made up of many parts that work together to convey the core of what Foursquare is and what we stand for [^1].

Visual Identity Overview

• Foursquare’s visual identity is defined by a vibrant color palette (notably ‘FS Watermelon’ pink and blues), bold geometric logo marks, clean and modern layouts, and graphic elements such as radiating lines and map pins. The brand emphasizes clearspace, sizing, and strict logo usage rules to maintain consistency and visibility. Secondary graphic elements and icons are used to support the brand’s visual language [^2].

Categories

Brand Imagery

• 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.
• 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.
• Digital: 100px width Print: 1 inch width
• Digital: 25px height Print: .25 inch height
• The Foursquare wordmark should be used in the main Foursquare blue or white. The word mark 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.

Color Palette

• FS Watermelon #F94877
• FS Navy FS Blue #2D5BE3 #0732A2
• SECONDARY COLOR FOR MARKETING & DESIGN
• RATING SYSTEM
• EXPERTISE

Logo Usage

• 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.
• 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.
• Digital: 100px width Print: 1 inch width
• Digital: 25px height Print: .25 inch height
• The Foursquare wordmark should be used in the main Foursquare blue or white. The word mark 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.

Visual Style

• 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.
• 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.
• Digital: 100px width Print: 1 inch width
• Digital: 25px height Print: .25 inch height
• The Foursquare wordmark should be used in the main Foursquare blue or white. The word mark 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.

Iconography

• The logomark social icon should be used without a holding shape if possible. Leave a minimum of 8px between icons.
• If you use a holding shape do not center the logomark, always align it left.
• Icons should always be atleast 22px in height.
• 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.

Layout And Composition

• 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.
• 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.
• Digital: 100px width Print: 1 inch width
• Digital: 25px height Print: .25 inch height
• The Foursquare wordmark should be used in the main Foursquare blue or white. The word mark 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.

Additional Properties