Please complete your application to access brand resources. Complete your application.

Brands Select a brand Google Assistant
  • Android
  • Android Auto
  • Android Enterprise
  • Android TV
  • Chromebook
  • Chromecast built-in
  • Diversity and inclusion
  • Family Link
  • Fitbit
  • Google Assistant
  • Google brand
  • Google Chromecast
  • Google Duo
  • Google Fit
  • Google Lens
  • Google Maps
  • Google Meet
  • Google Nest
  • Google Nest Display
  • Google Nest Pro
  • Google Nest Safety
  • Google Nest Security
  • Google Nest Speakers
  • Google Nest Thermostat
  • Google News
  • Google One
  • Google Pay
  • Google Photos
  • Google Pixel
  • Google Pixelbook
  • Google Pixel Slate
  • Google Pixel Wearables
  • Google Play
  • Google Play Protect
  • Google Stadia
  • Google TV
  • Google Wallet
  • Google Wifi
  • ND4C Guidance
  • Wear OS by Google
  • Works With Google Home
  • YouTube Kids
  • YouTube Music
  • YouTube Premium
  • YouTube TV
Page selection Select a page Badges
  • Badges
English - United States

Brand marks: Badges

This section contains guidance for the use of our core brand assets. Our design system revolves around a number of distinct logos and badges that are integral building blocks. Each block carries a unique purpose and should be used within the right context.

Hey Google built-in badges

Use when Google Assistant is built-in to the product. Built-in (BI) products have Google Assistant software embedded and full Google Assistant functionalities. You can ask it queries and it will respond (e.g. phones, speakers, smart displays, etc). Please note that “built-in” is not a consumer facing term.

Built-in badges should only be used on static assets. For animated/video assets, default to the primary logo. See video guidelines.

When to use without border vs. with border

2020_Hey Google badges_Without border_Heade.png
hey google with border
do
DO

Use badges without borders by default on white or colored/textured static backgrounds.

do
DO

Use badges with borders with competitor badges only.

Built-in Hey Google badge without border

Usage

Use the Hey Google badge on product pages, retail pages, and packaging when referencing devices and new hardware that has Google Assistant built-in. Also used as a fallback to primary logos for color or textured static backgrounds.

No borders are used by default on white or colored/textured static backgrounds.

Note: Use the bordered badge with competitor badges only.

Anatomy

The Molecule + Wordmark is presented either vertical or horizontal depending on placement.

Molecule colors:

Red 500, Blue 500, Yellow 500, Green 500

Wordmark colors:

HEX #000000

CMYK: 100%, 100%, 100%, 1000%

Outline:

Grey 800
HEX #757575

CMYK: 55%, 47%, 46%, 12%

Horizontal

2020_Hey Google Badge_Horizontal_Without Border_RGB_color_EN-US.png

Vertical

2020_Hey Google Badge_Vertical_Without border_RGB_color_EN-US.png

Clear space

A minimum space around the badge should be kept clear from other graphics. The clear space is based on the cap height of the letter “G” in the lockup, and applies to all four sides around the badge and to all logo variations.

Minimum size stacked

Packaging: 1.5” width

Screen: 100px width @ 1X

Minimum size horizontal

Packaging: 1.5” width

Screen: 150px width @ 1X

Download Hey Google built-in badges without border
Download Ok Google built-in badges without border
2020_Hey Google Badges_Clearspace_color.png

Built-in Hey Google badge with border

Usage

Use the Hey Google badge with a border only on assets that also feature competitor logos.

Anatomy

The Molecule + Wordmark is presented either vertical or horizontal depending on placement.

Molecule colors:

Red 500, Blue 500, Yellow 500, Green 500

Wordmark colors:

HEX #000000

CMYK: 100%, 100%, 100%, 100%

Outline:

Grey 800

HEX #757575

CMYK: 55%, 47%, 46%, 12%

Clear space

A minimum space around the badge should be kept clear from other graphics. The clear space is based on the cap height of the letter “G” in the lockup, and applies to all four sides around the badge and to all logo variations.

Minimum size stacked

Packaging: 1.5” width

Screen: 100px width @ 1X

Minimum size horizontal

Packaging: 1.5” width

Screen: 150px width @ 1X

Download Hey Google built-in badges with borderDownload Ok Google built-in badges with border

Horizontal

2020_Hey Google badge_with border_horizontal_color

Vertical

2020_Hey Google badge_with border_vertical_color
2020_Hey Google Badges_Clearspace_color.png

Backgrounds

Built-in badges (both with and without a border) can be used on any colored packaging, including gradients and photography.

2020_Hey Google_Contained Badge Logo Black.png
2020_Hey Google Contained Badge_Gray.png
2020_Hey Google Contained Badge_Textured.png

Built-in Ok Google badge

Ok Google

Without border

With border

The built-in Ok Google badge is for limited use in select international markets and global SKUs.

The same guidelines on when to use the badges with borders and without borders apply to the Ok Google badge.

Hey Google vs. Ok Google
2020_Ok Google_Built-in badges_without border_overview_No Text.png
2020_Ok Google_Built-in badges_with border_overview_No text.png

Works With Google Home Badges

WWGH_hero (1)
The Works With Google Home badge is used to indicate that a product works with the Google Home ecosystem. Works with products are compatible with Google Assistant-enabled devices but do not share the same capabilities.

See additional Works With Google Home guidelines for more information.

When to use without border vs. with border

WWGH Badge Without Border
WWGH Badge Wiht Border
do
DO

When the background of a layout allows the shape of the badge to be seen and the Works With Google Home badge is featured alone, use the borderless version.

do
DO

When the badge is featured next to competitors, use the badge with borders to make it stand out.

Works With Google Home badge – Margins

Horizontal Margins

The top, left and right margins are .35x of the Home icon.

The bottom margin is extended a bit further to accommodate the descender of the “g” so that it is optically spaced correctly.

Clear space

Minimum clear space is equal to 1.5x the cap height of the copy itself. This is the recommended minimum clear space, but we always encourage more space if possible.

This ensures the badge does not visually compete with other content or materials.

WWGH Badge Horizontal Margins (1)
WWGH Badge Clear Space (1)

Vertical Margins

The margins on the left and right sides have a minimum of 0.3x. The bottom margin is

dependent on the amount of lines. For two lines, it is .58x and for three it is .40x.

Always leave at least this much padding when the badge goes into translation.

Clear space

Minimum clear space is equal to 1.5x the cap height of the copy itself. This is the recommended minimum clear space, but we always encourage more space if possible.

This ensures the badge does not visually compete with other content or materials.

WWGH Badge Vertical Clear Space (1)
WWGH Badge Vertical Clear Space (1)

Works With Google Home badge – Minimum size

Horizontal minimum size

The minimum height for the horizontal badge is 0.3 inches.

In no case can the badges used be smaller.
WWGH Badge Minimum Size

Vertical minimum Size

The minimum height for the vertical badge is 0.75 inches. In no case can the badges used be smaller.

Download Works With Google Home badges
WWGH Vertical Badge Minimum Size (1)

Works With Hey Google Badges

Use for approved App Actions or Conversational Actions on Google (that are not smart home related).

When to use without border vs. with border

2020_Works With Hey Google badges_without border_color_no text.png
2020_Works With Hey Google badges_with border_color_Header.png
do
DO

Use works with badges without a border when used alone in signage, & video assets, or when used alone on color or textured backgrounds.

do
DO

Use works with badges with a border with competitors on all backgrounds.

Works With Hey Google badge with border

Usage

Use the Works With Hey Google badge on product pages, retail pages, and packaging when referencing devices and new hardware that are part of a platform that includes Google Assistant or individually works with Google Assistant, but don’t have Google Assistant’s full, built-in capabilities.

Use with competitor logos on all backgrounds or alone on white packaging backgrounds.

Anatomy

The Molecule + Wordmark is presented either vertical or horizontal depending on placement.

Molecule colors:

Red 500, Blue 500, Yellow 500, Green 500

Wordmark colors:

HEX #000000

CMYK: 100%, 100%, 100%, 100%

Outline:

Grey 800

HEX #757575

CMYK: 55%, 47%, 46%, 12%

Horizontal

2020_Works With Hey Google Badge_Horizontal_with border_color.png

Vertical

2020_Hey Google badge_with border_vertical_color

Clear space

A minimum space around the badge should be kept clear from other graphics. The clear space is based on the cap height of the letter “G” in the lockup, and applies to all four sides around the badge and to all logo variations.

Minimum size stacked

Packaging: 1.5” width

Screen: 100px width @ 1X

Minimum size horizontal

Packaging: 1.5” width

Screen: 150px width @ 1X

Works With Hey Google badges with border
Works With Ok Google badges with border
2020_Works With Hey Google_ Badge with border_Horizontal_Clearspace.png
2020_Works With Hey Google_ Badge with Border_Vertical_Clearspace.png

Works With Hey Google badge without border

Usage

Use the Works With Hey Google badge without a border only when used alone in retail, signage, print, digital, and video assets or when used alone on color or textured backgrounds.

Anatomy

The Molecule + Wordmark is presented either vertical or horizontal depending on placement.

Molecule colors:

Red 500, Blue 500, Yellow 500, Green 500

Wordmark colors:

HEX #000000

CMYK: 100%, 100%, 100%, 1000%

Outline:

Grey 800

HEX #757575

CMYK: 55%, 47%, 46%, 12%

Works With Hey Google badges without border
Works With Ok Google badges without border

Horizontal

2020_Works With HeyGoogle Badge_without border_horizontal_RGB_color_EN-US

Vertical

2020_Works With HeyGoogle Badge_without border_vertical_RGB_color_EN-US

Works With Ok Google badges

Ok Google

With border

The Works With Ok Google badge is for limited use in select international markets and global SKUs.

The same guidelines apply on when to use the badges with borders and without borders for the Works With Ok Google badge.

Hey Google vs. Ok Google
2020_WW OK Google badges_without border_overview_No Text.png
2020_WW Ok Google badges_with border_overview_No Text.png

Competitors lockups

Hey Google badge with competitors horizontal

When locking up the Hey Google badge with multiple competitor brands, it is preferred that the Hey Google badge is either first or last in the lockup.

Note: these badges all have borders because they are shown with competitors.

download (1).png

Clear space around the logo should be set to a minimum of 1G based on the scale of the logo.

Do not add a vertical line to separate competitor logos, as that signifies a partnership.

Download built-in badges
2020_Built In Badge_with Competitors_Horizontal_Clearspace.png

Hey Google badge with competitors vertical

When locking up the Hey Google badge with multiple competitor brands, it is preferred that the Hey Google badge is either first or last in the lockup.

2020_Hey Google Competitor Badge_White background.png

Clear space around the badge should be set to a minimum of 1G based on the scale of the logo.

*Note: these badges all have borders because they are shown with competitors.

Download built-in badges
2020_Built-in Badge_with Competitors_Vertical_Clearspace.png

Hey Google badge with competitors colored backgrounds

Badges can be used on any colored packaging, including gradients and photography. These badges are required to have borders because they are shown with competitors. See above information for horizontal/vertical competitor lockup guidelines.

Built-in badges with competitors on color and textured backgrounds

2020_Hey Google Competitor Badge_White background.png
2020_Hey Google Competitor Badge_Black background.png
2020_Hey Google Competitor badge_Textured background.png