Design

Create intuitive and beautiful products with Material Design.

Material Theming Material Theming
Guidelines

Material Theming

Learn how to customize Material Design to change the look and feel of your UI, expressing brand and style through elements like color, shape, typography, and iconography.

Buttons Buttons
Design Components

Buttons

From raised buttons to toggles – these crucial components can make or break your product experience.

What’s new

The latest Material Design updates and guidance.

MAY 07, 2018

Text Fields

New: Expanded guidance and high-emphasis text fields.

MAY 06, 2018

Extended FAB

New: The extended FAB is a wider primary button (with a text label) for desktop and mobile.

MAY 04, 2018

Layout: Density

Learn techniques for creating effective dense UIs.

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.