Flatty - Google's Login Screen - (Flat Ui Colors)

Added by Adriano Monecchi@userstyles, Created: Feb 13, 2014, Updated: May 18, 2014
  • With the style applied
  • Choose your own colors!
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)
Set Top Bar Background Color
Set Login Box Background Color
Set your own logo instead of Google's:


Flatty brings the flavour of the trendy http://flatuicolors.com/ to your Google's Login Screen.

Google has changed the way users login to its services by serving a cleaner universal login screen. Google's most recent enhancements to its login mechanism has made it even better, however, I believe it has a lot room for improvements, so I decided to make it even cleaner and work with base colors from the flat ui palette to give it a fresh and fun look.

Now you can set your own colors and choose your logo instead of Google's \o/

Please take a look at the Changelog for tips and instructions. I hope you like it. Enjoy!

Get Flat UI Color Samples http://flatuicolors.com/

More info

Version: 1.4 >> Stable Release:
- Added subtle animation to the the sign-in box and the user's profile image on hover
- Added option so that users can choose their own colors and define a logo instead of google's.

Hint: If you choose to change Google's logo, please consider uploading your own logo to a cloud service such as dropbox which can serve your files through a ssl (https) secure connection. This will prevent you from getting browser security risk messages. Also, consider uploading a version of your logo with transparent background so that it has a proper contrast being over the colors you might choose.

Here's a sample logo so that you can start with...the logo is white color with transparent background (png file):

For now that's all, have fun!

Version: 1.3 >> Stable Release. (Fixed a few issues on Firefox).
Version: 1.2 >> Stable Release.
Version: 1.0 >> Initial Release (beta).

Applies to:

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.