A Style Guide for Promoting your Google+ Page

GOOGLE+Master Icon Stickersheet // Primary Icons UPDATED: Feb 10, 2012

RED

8, 86, 85, 1

221, 75, 57

#DD4B39PANTONE 1788 C PANTONE 7456 C PANTONE 362 C PANTONE 1235 C PANTONE 7527 C PANTONE 447 C PANTONE 7540 C PANTONE

Cool Gray 9 CPANTONECool Gray 4 C

PANTONECool Gray 1 C

BLUE

59, 38, 1, 0

111, 143, 199

#6F8FC7

GREEN

74, 1, 100, 0

65, 179, 73

#41B349

DEEP YELLOW

3, 28, 89, 0

254, 185, 81

#F6BA3A

WARM WHITE

7, 6, 13, 0

235, 231, 219

#EBE7DB

DARK GRAY

67, 60, 57, 40

71, 71, 73

#474749

MEDIUM GRAY

60, 51, 51, 20

102, 102, 102

#666666

GRAY

44, 36, 37, 2

149, 149, 149

#959595

LIGHT GRAY

19, 15, 16, 0

204, 204, 204

#CCCCCC

COOL WHITE

9, 6, 7, 0

229, 229, 229

#F5F5F5

ACL

Public Circles Limited ExtendedCircles

Peoplewith Link

Domain OnlyYou

Verified

SHAREBOX

FULL LOGO

MISC

Groupoptionssettings close flag

PHOTOSSTREAM PROFILE CIRCLES MESSENGER HANGOUT GAMES +PAGES

UNIFIED NAVIGATION 18x18

SIDEBAR NAVIGATION 13x13

#e5e5e5

#cccccc

#666666

RED

8, 86, 85, 1

221, 75, 57

#DD4B39PANTONE 1788 C PANTONE

Cool Gray 9 C

GRAY

44, 36, 37, 2

149, 149, 149

#959595

Android (one color)g+ logo

Hangouts on dark

g+ Messenger

RED

8, 86, 85, 1

221, 75, 57

#DD4B39PANTONE 1788 C

iOS (one color)iOS USE ONLY

Invite Instant Upload

2

Why this guide?This guide is all about how to tell the world you’re on Google+ and promoting your Google+ activities. This guide will also help you stay consistent with current Google+ brand guidelines.

Why promote your presence on Google+?For starters, more followers means a chance for even more recommendations among friends across Google and the web. And of course, more followers means the potential for more engagement - more comments, more hangouts, more people aware of and talking about what you’re up to.

One way to get more followers is to tell the world you’re already on Google+. When doing so, we recommend you stay consistent with these brand guidelines.

In this guide:

1. What to do on your website

2. Images and text to use off your website

3. The Google+ icon

4. Common mistakes

3

On your website

Whenever possible, use the Google+ badgeThe Google+ badge makes it easy for visitors to your site to find and follow you on Google+. Right from the badge, visitors can follow your Google+ page, +1 your site, share your site with their circles, see which of their friends have +1’d or followed your site, and click through to visit your Google+ page.

Adding the badge provides one more important benefit: it proves your site is yours and lets us connect all the +1’s from your Google+ page with those from your Google search results.

Creating a Google+ badgeIt’s easy to create a badge that fits your website.

> Create a badge - https://developers.google.com/+/plugins/badge/config

The following are examples of the Google+ badge. From a simple icon to a wider and more richly annotated badge, it’s easy to create a badge that fits your website.

Simple icon Small badge Standard badge

4

Examples of adding the Google+ badge on a websiteIncrease the chances of getting your site recommended by friends in Google search and grow your audience on Google+ when you add a Google+ badge to your website. Badges can be configured to fit the layout of your website.

Tips:

• On your homepage, adding the badge “above the fold” may increase follows

• Add the Google+ icon to your footer or header so visitors can always find your Google+ page

5

Off of your website

Using the Google+ icon in print and TVWe recommend aligning the icon to the left of your text.

Recommended language

1. Follow us on Google+

2. Follow us on Google

3. Follow [YourBrand] on Google+

4. Follow [YourBrand] on Google

5. We’re on Google+

Follow us on Google+

6

The Google+ icon

The Google+ icon signifies that a business, brand, product, person or other entity is on Google+

Download all three Google+ icons in .eps format here – https://developers.google.com/+/downloads/g+icons.zip

The .eps is intended for use in offline media, such as print, signage, and TV. For your website, always use the icon available from the badge configuration tool.

Primary iconUse this icon primarily for all cases unless specified differently.

Flat color iconTo be used in instances where the shaded version will not work.

Flat grey iconTo be used for gray scale b/w print cases when the colored version will not work.

7

Google+ icon don’ts

Never stretch, condense, rotate or otherwise distort the icon.

Never manipulate the icon unless we give specific permission to do so.

Never place the icon against a background color that does not provide enough contrast for maximum visibility and legibility.

Never re-typeset, reposition components, attempt to recreate or otherwise approximate the icon.

Never colorize the icon. Only use approved supplied color variants.

8

The following are examples of incorrect usage of the Google+ icon

This Google+ icon is no longer in use and has been replaced.

The +1 button does not signify a presence on Google+. It is used for recommending your brand, but not to link to your Google+ page.

Language to avoid

1. We’re on g+

2. Google+ us

3. Add us to your Google+ circles

4. Circle us on Google+

5. Follow us on GooglePlus

6. Search Google+ for Android

1. Use of the logo or icon in any text

2. Use of the +1 icon to say “We’re on Google+”

3. Using the wrong icon

GOOGLE+Master Icon Stickersheet // Primary Icons UPDATED: Feb 10, 2012

RED

8, 86, 85, 1

221, 75, 57

#DD4B39PANTONE 1788 C PANTONE 7456 C PANTONE 362 C PANTONE 1235 C PANTONE 7527 C PANTONE 447 C PANTONE 7540 C PANTONE

Cool Gray 9 CPANTONECool Gray 4 C

PANTONECool Gray 1 C

BLUE

59, 38, 1, 0

111, 143, 199

#6F8FC7

GREEN

74, 1, 100, 0

65, 179, 73

#41B349

DEEP YELLOW

3, 28, 89, 0

254, 185, 81

#F6BA3A

WARM WHITE

7, 6, 13, 0

235, 231, 219

#EBE7DB

DARK GRAY

67, 60, 57, 40

71, 71, 73

#474749

MEDIUM GRAY

60, 51, 51, 20

102, 102, 102

#666666

GRAY

44, 36, 37, 2

149, 149, 149

#959595

LIGHT GRAY

19, 15, 16, 0

204, 204, 204

#CCCCCC

COOL WHITE

9, 6, 7, 0

229, 229, 229

#F5F5F5

ACL

Public Circles Limited ExtendedCircles

Peoplewith Link

Domain OnlyYou

Verified

SHAREBOX

FULL LOGO

MISC

Groupoptionssettings close flag

PHOTOSSTREAM PROFILE CIRCLES MESSENGER HANGOUT GAMES +PAGES

UNIFIED NAVIGATION 18x18

SIDEBAR NAVIGATION 13x13

#e5e5e5

#cccccc

#666666

RED

8, 86, 85, 1

221, 75, 57

#DD4B39PANTONE 1788 C PANTONE

Cool Gray 9 C

GRAY

44, 36, 37, 2

149, 149, 149

#959595

Android (one color)g+ logo

Hangouts on dark

g+ Messenger

RED

8, 86, 85, 1

221, 75, 57

#DD4B39PANTONE 1788 C

iOS (one color)iOS USE ONLY

Invite Instant Upload