HomeTech NewsGoogle Drive receives new design with Material You in the web version

Google Drive receives new design with Material You in the web version

Published on

- Advertisement -

O google drive received a new design based on the Material You concept for its web version. Now, users who access the company’s service through a browser will have a more intuitive and up-to-date look.

The company had announced last February that Material You would finally expand to Google Drive and its various web tools. The company followed through on what it said and released the news widely a few weeks later.


Overall, the redesign of the Google Drive web tools with the Material You design is relatively subtle, with the homepage showing files and folders in a grid of blue blocks. Blocks and drop shadows have been improved.

- Advertisement -

The section of the page with files and folders has a white background, which is changed to a background with a blue tint on the left and top parts. There are also bigger header styles and a new look for the “New” create button.


The redesign still looks like it’s been rolling out widely over the past few days, but it’s been showing up for some users for just over a week now. The expectation is that all elements will be covered at the end of the process.

It is worth mentioning that the Drive tools, such as Documents, Spreadsheets and Presentations, for example, were also contemplated with the novelty and received some design updates in the same style.

And you, do you like the new design? Tell us in the comments down below!

>#wrapperApp {-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);box- shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);padding: 5px;background-color: white;display: flex;height:155px;}#appImage { width: 25%;} #appLogo { width: 154px;height: 154px;}#appDetails { flex-grow: 1;padding-left:1px;}#name {font-size:150%;}#price, #developer, #size {font-size:80%; }#links{flex-grow: 1;padding-left:50px;}.lojaImg {width: 35px;height: 35px;margin-right:3px;vertical-align:middle;}.lojaImgWindows {width: 27px;height: 27px;margin-left:3px;padding-right:6px;vertical-align:middle;}.storesdivs {margin: 5px;margin-bottom:10px;}.storeslinkmobile {margin-right: 6px;}.stores {margin- right:6px;margin-top:1px;}#lojasmobile{display:none;} @media only screen and (max-device-width: 480px) { #wrapperApp {height:auto;}#appDetalhes {padding-left:42px ;}#lojasmobile {display:block;}#lojalinkmobile {font-size:85%}#nome {pading-bottom:4px;margin-bottom:4px;font-size:110%;}#p reco, #developer, #tamanho {display:none;}.stores{display:none;}.lojaImg {width: 19px;height: 19px;}.lojaImgWindows{width: 19px;height: 17px;}#appLogo {width: 115px;height: 125px;} }

- Advertisement -

Latest articles

An alternative to Twitter allows legacy verification to be transferred before its removal

Twitter went from being an initially difficult to understand concept of a social platform...

Confirmed! Game Sword Art Online will be released on October 6 for cross-platform

Sword Art Online Last Recollection is the new action RPG based on the popular...

More like this