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.
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.
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.
We use different type sizes to help distinguish different levels of information. Establishing a visual hierarchy helps readers scan information quickly and comfortably.
Whenever possible, align type on the left, including headlines, sub-headers, and body paragraphs. Left-alignment is more informal and easy to read.
Usage do’s and don’ts
Set Google Sans in sentence case; it’s friendly and emphasizes capitalized proper nouns.
Don’t set Google Sans in all caps. It’s less readable.
Use bold for sub-headers or to highlight information.
Don’t use italics to highlight information. Use bold instead.
Use grey (800 or 900) text on a white background.
Start with white as the default when using a blue or dark background.
Don’t mimic the logo by using all of the core colors in one word.
Don’t use more than one color for emphasis.