Design

Web magazine about user experience matters, providing insights and inspiration for the user experience community

Material design icons is the official icon set from Google

UI & UX best practices from Google’s design system documentation.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Browser plugin to help you try out fonts on live websites

… delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.

- Design principles - Grid and keyline shapes - System icon metrics - Color - Icon themes

A handy little Mac app that gives you quick access to the standard material design color palette.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Choose your favorite colors and get your Material Design palette generated and downloadable.

View all the Material Design icons and more from the community.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers. As of version 3 of the Google Maps API custom styles can now be applied to maps. This allows developers and designers to pick a style that matches the theme of their website.

[User interface icons and Illustrations] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

[Product icons and logo lockups] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

A showcase of the best typefaces from the Google web fonts directory. There are over 400 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look.

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.