Brand marks: Primary logos

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.

Contents

Primary logo lockups
Monochrome logos

2020_Hey Google + Molecules primary lockup_Horizontal_color 3col.png

2020_Hey Google+Molecule_Monochrome lockup_Horizontal_Black on white background.png

Primary logo lockups

Monochrome logos

When to use

The primary lockups should be used for all marketing materials and in-product applications, except in cases when badges should be used, like packaging. See badging guidelines for more details.

Download Hey Google primary logoDownload OK Google (ja-JP) logo

Anatomy

The Google Assistant primary lockup is presented either vertical or horizontal depending on placement.

Color versions

In addition to the full color version of the lockup, it also comes in full color reverse and monochrome.

Molecule colors

Red 500, Blue 500, Yellow 500, Green 500

Wordmark color

HEX #000000

RGB: 000

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

Horizontal lockup

2020_Hey Google + Molecules primary lockup_Horizontal_color.png

Vertical lockup

2020_Hey Google + Molecules Primary lockup_Vertcial_color.png

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 horizontal

Signage for 10’ viewing distance: 5” width

Signage for 2’ viewing distance: 3” width

Packaging: 1.5” width

Screen: 150px width @ 1X

Minimum size stacked

Signage for 10’ viewing distance: 4” width

Signage for 2’ viewing distance: 2” width

Packaging: 1” width

Screen: 125px width @ 1X

2020_Hey Google + Molecules Primary lockup_Clearspace_Horizontal.png

2020_Hey Google+molecules_Primary lockup_Clearspace_Vertical.png

On light grey/white backgrounds

Full color lockups should only be used on backgrounds that are between 0-5% black.

2020_Hey Google + Molecules lockup_0% black.png

2020_Hey Google + Molecules lockup_5% black.png

2020_Hey Google + Molecules lockup_darker than 5% black_Don't.png

DO

Use the full color lockup on backgrounds with minimum 0% black.

DO

Use the full color lockup on backgrounds with maximum 5% black.

DON'T

Don’t use the full color lockup on backgrounds darker than 5% black.

On dark/black backgrounds

Full color reverse lockups should only be used on backgrounds that are between 85-100% black.

2020_Hey Google + Molecule_Reverse Lockup_100% black.png

2020_Hey Google + Molecules Reverse Lockup_85% black min.png

2020_Hey Google+Molecules Reverse lockup_lighter than 85% black_Don't.png

DO

Use the full color reverse lockup on backgrounds with maximum 100% black.

DO

Use the full color reverse lockup on backgrounds with minimum 85% black.

DON'T

Don’t use the full color reverse lockup on backgrounds lighter than 85% black

Badge fallback for color, gradient, or photography backgrounds

Only badged lockups should be used on color and textured backgrounds, including gradients and photography.

Badge guidelines

2020_Hey Google + molecules reverse lockup on colored background_Don't.png

DO

Use the badge on color, gradient or photography backgrounds.

DON'T

Don’t use the lockup on color, gradient or photography backgrounds.

Use for marketing materials and in-product applications, only where the full colored logo or badge cannot be applied. The background should provide good contrast against the logo. Use these rules: Black above light max 5% black. Reverse below dark min 85% black. If the background value doesn’t adhere, use a badge as a visual fallback for static assets.

When to use