Material Design (Wikipedia)
Wikipedia’s article on Material Design, Google’s design language (codenamed “Quantum Paper”) announced June 25, 2014. Covers its paper-and-ink/skeuomorphic design philosophy, grid-based layouts, animation and depth conventions, and its version history through Material Design 2 (2018), Material Design 3/Material You (2021), and Material 3 Expressive (2025).
License: CC BY-SA 4.0 — https://creativecommons.org/licenses/by-sa/4.0/
Key points
- Design philosophy: expanding on the “cards” UI that debuted in Google Now, Material Design synthesizes classic design principles with a paper-and-ink/skeuomorphic metaphor, implemented more abstractly than literal skeuomorphism — head designer Matías Duarte: “unlike real paper, our digital material expands and reforms intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch.” See Affordance for how this generalizes the shaded-three-dimensional-button affordance already documented in Action Buttons into a system-wide depth convention (“elevation”).
- Design characteristics: grid-based layouts, responsive animations and transitions, padding, and depth effects via lighting and shadow.
- Material Design 2 (2018): greater emphasis on customizing base components to a product’s own branding; heavier use of white space, rounded corners, and colorful icons; more prominent bottom navigation bars.
- Material Design 3 / Material You (2021): increased animation, larger buttons, and — its signature feature — generating a device’s entire UI color theme algorithmically from the user’s own wallpaper, giving designers more flexibility to vary geometry, color, and typography per user. See Personalized Content for this as an automatic-personalization technique applied to visual styling rather than content selection.
- Material 3 Expressive (2025): a further, more colorful and animation-heavy revision, rolled out gradually to Google’s own devices.
- See also (per the article): Flat design, Fluent Design System, Human interface guidelines, Metro (design language), Corporate Memphis, Liquid Glass — Material Design is one of several named, platform-scale design languages alongside Apple’s and Microsoft’s own.
Implementation details (component libraries, supported frameworks, per-platform software version numbers, and per-implementation licensing terms) are outside purpose.md’s scope and excluded.