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

Select a brand Google Assistant
  • Android
  • Android Auto
  • Android Enterprise
  • Android One
  • Android TV
  • Chromebook
  • Chromecast built-in
  • Diversity and inclusion
  • Family Link
  • Google Assistant
  • Google brand
  • Google Chromecast
  • Google Duo
  • Google Fit
  • Google Lens
  • Google Maps
  • 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 Buds
  • Google Pixel Slate
  • Google Play
  • Google Play Protect
  • Google Stadia
  • Google TV
  • Google Wifi
  • Wear OS by Google
  • YouTube Kids
  • YouTube Music
  • YouTube Premium
  • YouTube TV
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

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%

Vertical

Horizontal

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

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

Vertical

Horizontal

Backgrounds

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

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

Works With Hey Google Badges

Use when the product works with the Google Assistant ecosystem. Works with (WW) products are compatible with built-in devices but do not have full Google Assistant functionality (e.g. smart light bulb); typically, you cannot speak directly to a WW device.

When to use without border vs. with border

do
DO

Use works with badges with a border with competitors on all backgrounds, or when used alone on white backgrounds (packaging).

do
DO

Use works with badges without a border when used alone in retail, signage, & video assets, or when used alone on color or textured 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%

Vertical

Horizontal

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

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%

Vertical

Horizontal

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 without border
Works With Ok Google badges without border

Backgrounds

Works With Badges (both with and without a border) can be used on any colored packaging, including gradients and photography.

Works With Ok Google badges

Ok Google

With border

Without 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

Works With Hey Google monochrome badge

Use the monochrome works with badge with a transparent background on colored backgrounds when partners can only use a single color print and as a fallback in video/animated assets.

The hex code for the light outline is #FFFFFF (CMYK: 0%, 0%, 0%, 0%).

The hex code for the dark outline is #000000 (CMYK: 0%, 0%, 0%, 100%.

Seamless Setup badge

Works With Hey Google Seamless Setup badge

Usage

Use the Works With Hey Google Seamless Setup badge on product pages, retail pages, and packaging when referencing devices and new hardware that are part of our Seamless Setup program in which partners build Works With products that are simpler to set up, control, and manage using only the Google Home app.

Anatomy

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

Molecule colors:

Red 500, Blue 500, Yellow 500, Green 500

Google Home 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 Badge

Vertical Badge

Clear Space

A minimum space around the logo 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 logo 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 Seamless Setup badges

Seamless Setup Badge with Competitors

When locking up the Seamless Setup badge with multiple competitor brands, it is preferred that the Seamless Setup badge is either first or last in the lockup. Clear space around the badge should be set to a minimum of 1G based on the scale of the logo.

Horizontal

Vertical

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.

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
Download Works With badges

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.

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
Download Works With badges

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

Works With badges with competitors on color and textured backgrounds