Design

Create intuitive and beautiful products with Material Design

Popular

Material dark theme
Material dark theme

Foundation

Material dark theme

Learn how to design a dark theme version of your Material UI
Sound guidelines
Sound guidelines

Guidelines

Sound guidelines

Use sound to communicate information in ways that augment the user experience

What’s new

The latest Material Design updates and guidance

NOVEMBER 14, 2019

Beta design guidance

Backdrop, side sheet, and six other design elements are now marked “beta” – here’s why

NOVEMBER 14, 2019

Icon design templates

Downloadable Adobe Illustrator files for creating your own product and system icons

NOVEMBER 14, 2019

Text field research

An overview of the findings that informed the current text field design

Material articles

Make progress faster, with these helpful articles

System icons
System icons

System icons

System icons symbolize common actions, files, devices, and directories. Each icon is reduced to its minimal form, expressing essential characteristics.
Generate custom color palettes
Generate custom color palettes

Generate custom color palettes

Craft a unique color scheme for your brand with this online tool.
The type system
The type system

The type system

Use typography to present your design and content as clearly and efficiently as possible.
Harness the power of shape
Harness the power of shape

Harness the power of shape

Shapes can direct attention, identify components, communicate state, and express brand.

Material studies

Get inspired by the ways Material adapts to different kinds of brands and digital products – from travel apps to e-commerce and email

VIEW ALL

Design for retail
Design for retail

Design for retail

Learn how Material can be used in retail products by diving into the details of Shrine, a lifestyle and fashion app.
Travel treatment
Travel treatment

Travel treatment

Discover the ways Material was used to design and build Crane, a travel app for managing trips.
Crafting communication
Crafting communication

Crafting communication

Material can be used in communication and planning products. Learn how with Reply, an efficient email app.

Learn more

Browse our favorite Material videos, articles, and tutorials

Evolving our text fields
Evolving our text fields

Medium

Evolving our text fields

How user studies reshaped the design of Material’s open-source text fields
2019 Material Design Awards
2019 Material Design Awards

Google Design

2019 Material Design Awards

These four best-in-class apps used the design system to craft exemplary interfaces
What
What

Medium

What "beta" means for our guidance

Why we’re now marking some Material Design guidance as beta