Make beautiful products, faster. Material is a design system – backed by open-source code – that helps teams build digital experiences

Material makes it possible

From design guidelines to developer components, watch what Material can do for your product process.

Material studies

Get inspired by the many ways Material can express your brand – from layout to typography, motion, and navigation.

VIEW ALL

  • 36
  • 24
  • 40
  • 24
  • 20
  • 16
  • 16
  • 56
  • 56
  • 64
  • 188140
  • #ffdbcfff

    R255 G219 B207 A1.00

  • #ffffff

    R255 G255 B255

  • Shape

    Top left corner

    Cut: 32dp

flip
flipSpecs only available at larger screen size

All measurements are displayed in device-independent pixels (dps)

Exploring layout

An effective layout can also have character. Discover how Shrine, a retail app, arranges products in a playful, unconventional grid.

Select the image to see additional information on color, typography, and more.

LEARN MORE


Related

Layout

What’s new

The latest updates on design, development, tools, and topics.

Gallery: sharing work made easier
Gallery: sharing work made easier
Tools

Gallery: sharing work made easier

Learn about Material Gallery – a collaboration tool for sharing, uploading, and presenting design iterations, as well as giving developers the information they need to implement components.

Material partner studies
Material partner studies
Brand collection

Material partner studies

Learn how apps like Lyft, Genius, NPR, Pocket Casts, and Zappos bring Material’s new expressive capabilities to life.

How Google created a custom Material theme
How Google created a custom Material theme
Brand Collection

How Google created a custom Material theme

Product teams from Gmail, Google News, Google Pay, and Google Home detail how Material Theming creates a cohesive, branded experience — and a roadmap for future redesigns.

Collections

Get information on a specific Material subject or process with these curated collections of articles, videos, tutorials, and tools to jumpstart your design and development.

VIEW ALL


Express your brand

Adapt Material to your brand with help from a video guide to customization, product case studies, and a video introduction to the Material Theme Editor.

Learn More