The Google Material Theme was announced at I/O 2018 alongside Material Theming. Google’s take on the new design language is characterized by stark white backgrounds, bolded icons, and Google Sans. One element new to the visual revamp is an outlined text field that is now available on the Google Sign-in screen.

Google first announced the Material Theme sign-in page in June with elements like centered text, logo tweaks, and of course the Google Sans font. However, the key aspect is an outlined text field that elegantly animates.

When unselected, this box prompts users to enter their “Email or phone” — and later password. Once users click or tap to enter the necessary information, the text animates out by shrinking and moving to the top-left corner; breaking the outline in the process. It’s a small touch, but a rather delightful one.

This new design — incorporating the text field — on the Google sign-in page was supposed to begin rolling out on June 14th. However, on July 10th, Google noted that the “launch has been delayed” and did not provide a reason.

Unfortunately, due to unforeseen delays, we’re now rolling out the new design this week, with some minor changes.

Namely, the new Material Component text field was removed, but all the other changes were implemented. Back in July, Google noted it would “appear in the coming months.”

Last month, Google announced that on November 27th the Material element would begin rolling out. Two weeks later, it now available to all users on both the desktop web and mobile.

Specifically, you might notice outlines around some entry fields, and changes to the spacing and styling of other text on both the web and mobile screens. The changes will start to take effect on November 27th and may take up to two weeks to reach all users.


Check out 9to5Google on YouTube for more news:

FTC: We use income earning auto affiliate links. More.


Check out 9to5Google on YouTube for more news:

You’re reading 9to5Google — experts who break news about Google and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Google on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

About the Author