Material Design

Every surface here has a real, numbered depth.

Hover a card. Click one. Each lift and ripple is the same physics Google shipped across a billion Android screens in 2014.

The question

What if a hundred million phones could share one button without ever sharing a screenshot?

By 2014, Android had shipped for six years across thousands of device shapes, screen densities, and manufacturer skins — Samsung's TouchWiz, HTC Sense, stock AOSP. No two Android phones' system UI looked like they belonged to the same company. Google needed a single physical idea simple enough that any team, on any device, could build the same thing without being told the exact pixels.

The journey

2014 → 2018 → 2021

The people

Matias Duarte's bet

Matias Duarte joined Google in 2010 after leading webOS's UI at Palm, where cards and physical motion already defined the interface. As Google's VP of Design, he proposed that Android stop being a style guide and start being a physical metaphor: paper and ink, lit from one consistent light source, that could do things real paper can't.

At Google I/O 2014, four people first explained it to outside developers: Bethany Fong, Dave Chiu, Rich Fulcher, and Zachary Gibson. The stakes were competitive, not academic — Android's fragmentation was actively losing ground to iOS's tightly unified look.

Design DNA

The physics, in numbers

Four rules

8dp gridEvery margin, padding, and dimension snaps to multiples of 8 density-independent pixels.
ElevationA paired ambient + key-light shadow gives every surface a real, numbered depth in dp.
RippleTouch feedback as an ink-like circle expanding outward from the exact point of contact.
FABA circular, elevated button reserved for the one action that matters most on a screen.

Type scale (Roboto, sp)

Display34sp
Headline24sp
Title20sp
Body14–16sp
Caption12sp

Launch palette

Indigo 500
Pink A200
Red 500
Blue 500

Click the FAB — a real ink-ripple expands from the exact point of contact, then the button lifts from 6dp to 12dp and settles back.

"Material is the metaphor — paper that can resize, reform, and merge in ways real paper never could."
Archive

The canon

Material design: Structure and components — Google I/O 2014

The original talk introducing Material to outside developers — Bethany Fong, Dave Chiu, Rich Fulcher, and Zachary Gibson walk through the structure and components of the brand-new system.

Material Design 3 — official site

The current, living Material 3 specification, including Material You’s dynamic color system.

Visit reference →

Material Design 1 — archived spec

The original 2014 spec, preserved — the 8dp grid, elevation values, and the 19-hue-family palette as first published.

Visit reference →

Google’s Material Design: A Look Back at Its Beginning

Google Design’s own retrospective on the 2014 launch and the thinking behind it.

Visit reference →

Unveiling Material You

The announcement of Material 3’s wallpaper-derived dynamic color system, "Monet."

Visit reference →

Material Design — Wikipedia

Encyclopedia overview of the design language’s history and adoption.

Visit reference →

Material Components for Android

The open-source component library implementing Material’s spec for Android apps.

Visit reference →

Decoration fades. Physics doesn't.