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

Brands Select a brand Google Assistant
  • Android
  • Android Auto
  • Android Enterprise
  • Android TV
  • Cars with Google built-in
  • Chrome
  • Chromebook
  • Chromecast built-in
  • Diversity and inclusion
  • Family Link
  • Fitbit
  • Google Assistant
  • Google brand
  • Google Chromecast
  • 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 Tablet
  • Google Pixel Wearables
  • Google Play
  • Google Play Protect
  • 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 borderDownload OK Google (ja-JP) 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 (ja-JP) 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

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)

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