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.

Bottom sheet
Bottom sheet

Design Components

Bottom sheet

Use bottom sheets to display supplementary content on a surface anchored to the bottom of the screen.

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.