Google's open-source design system and visual language that uses principles inspired by physical materials — depth, shadow, motion, and surface — to create interfaces that feel tangible and predictable. Material Design provides a comprehensive component library, interaction patterns, and accessibility guidelines, and has been widely adopted across Android and web applications.
Common contexts
- Adopting Material Design 3 tokens to accelerate a cross-platform product that needs to ship on Android and web simultaneously
- Evaluating whether Material components meet a client's brand requirements or need theming before adoption
- Using Material's elevation system as a reference model when building a custom shadow hierarchy in an in-house design system
Use when
Use Material Design as a foundation when shipping on Android or building a cross-platform product that needs consistent component behavior out of the box — it provides accessibility-compliant components that would take months to build from scratch.
Avoid when
Don't adopt Material Design if the product has strong brand differentiation requirements — Material's visual language is distinctive enough that heavy customization often creates an inconsistent system that's neither faithful to Material nor coherent on its own.
Design systems like Material are most valuable when you follow the underlying principles rather than the surface aesthetics — you can retheme everything and still build on solid interaction logic.
Real-world examples
- Google Maps on Android uses Material Design's elevation system (shadow depth = layer order) to show the bottom sheet floating above the map, communicating spatial relationships without explicit labels.
- The 2014 Inbox by Gmail app was the first major showcase of Material Design's card metaphor and Floating Action Button — patterns now present in over 3 billion Android app installations worldwide.
- Samsung's One UI diverged from Material Design's centre-focused layout to a bottom-heavy architecture for one-handed use, showing how a design system can be adapted per form factor while retaining core principles.