Web accounts

A look at the Gmail hardware you’ve redesigned for the web [Gallery]

Google announced Material You for Gmail on the web this Thursday, and it’s now starting to roll out. One notable addition that the company didn’t announce was the use of Google Sans.

We personally only see the redesign live in our Workspace accounts, but that’s also appearing already on personal Google accounts.

Font: Google Sans

The Material You redesign screenshots shared at launch used Google Sans Text, but Google Sans is live in Gmail today. Google Sans was detailed in 2018 as an optimized version of Product Sans, which is only for proprietary product logos.

GS Text is “designed for smaller point sizes and perfectly suited to body text”. Google may not be ready to use this font widely yet.

Screenshot vs live

Gmail view only

Opening quick settings from the gear icon in the top bar reveals the new “Apps in Gmail” preference to customize whether you want to see/use Chat (with Spaces) and/or Meet in an integrated view. These icons will disappear from the left sidebar based on your selection, while unchecking both will remove that navigation element entirely and load the Gmail configuration only.

Compose FAB + window

The two rightmost screenshots in the gallery above also show the new shape of the Composer floating action button. It replaces the pill-shaped button and matches the Android app.

Meanwhile, the actual composition window has been slightly modified with a light top bar.

Before vs after

Gmail Themes

Finally, you can always change the background theme so that it’s not the Material You default blue theme. In quick settings, open the Theme menu. As before, solid color choices include: Dark, Blue, Soft Gray, Lavender, Pink, Mustard, Wasabi, Spearmint, Seafoam, Twilight, Mahogany, and Eggplant. There are different images and you can also upload your own image.

The UI will adapt accordingly, with Compose FAB white in most cases. There’s no dynamic color, but we can only assume that’s coming soon to give Gmail Online the full Material You experience.

Learn more about Gmail:

FTC: We use revenue-generating automatic affiliate links. After.


Check out 9to5Google on YouTube for more info: