Our two primary typefaces are Google Sans and Roboto. They’re easy to read and when used consistently, they help us define ourselves as Google Fiber.

Google Sans

This proprietary typeface, designed just for Google, takes into account scale, interaction, and legibility; giving customers a consistent and beautiful experience, wherever they encounter it. Google Sans is our primary font, used for text, headlines, and subtitles.

Google Sans example Download Google Sans fonts
Google Sans example

Roboto

Use Roboto, our other primary typeface, for body copy, third-party content, and utilities like user input fields. This friendly and accessible open-source typeface is used all over the world.

Roboto example Download Roboto fonts
Roboto example

Usage

Sizing

We use different type sizes to help distinguish different levels of information. Establishing a visual hierarchy helps readers scan information quickly and comfortably.

Type sizes example

Alignment

Whenever possible, align type on the left, including headlines, sub-headers, and body paragraphs. Left-alignment is more informal and easy to read.

Type alignment example

Usage do’s and don’ts

Google Sans headline in sentence case

Please do

Set Google Sans in sentence case; it’s friendly and emphasizes capitalized proper nouns.

Google Sans in all caps

Please don’t

Don’t set Google Sans in all caps. It’s less readable.

Google Sans Bold used for headlines

Please do

Use bold for sub-headers or to highlight information.

Google Sans italics example

Please don’t

Don’t use italics to highlight information. Use bold instead.

Google Sans in Grey 800 and 900

Please do

Use grey (800 or 900) text on a white background.

Google Sans in white on a blue background

Please do

Start with white as the default when using a blue or dark background.

Core colors used to mimic full-color logo

Please don’t

Don’t mimic the logo by using all of the core colors in one word.

Core colors used for emphasis

Please don’t

Don’t use more than one color for emphasis.