Material Design (codename Quantum Paper) is a
design language
A design language or design vocabulary is an overarching scheme or style that guides the design of a complement of products or architectural settings, creating a coherent design system for styling.
Objectives
Designers wishing to give their su ...
developed by
Google
Google LLC (, ) is an American multinational corporation and technology company focusing on online advertising, search engine technology, cloud computing, computer software, quantum computing, e-commerce, consumer electronics, and artificial ...
in 2014. Expanding on the "cards" UI that debuted in
Google Now
Google Now was a feature of Google Search of the Google app for Android and iOS. Google Now proactively delivered information to users to predict (based on search habits and other factors) information they might need in the form of information ...
, Material Design uses more grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. Google announced the initial version of Material Design on June 25, 2014, at the 2014
Google I/O
Google I/O, or simply I/O, is an annual developer conference held by Google in Mountain View, California. The name "I/O" is taken from the number googol, with the "I" representing the first digit "1" in a googol and the "O" representing the s ...
conference.
The purpose of developing Material Design was to create a novel visual language, synthesizing the classic principles of
good design
The Good Design movement was an artistic movement or design concept that originated in the 1930s, but took form principally in the United States immediately after the Second World War. Designs made under the influence of Good Design include buil ...
with the innovation and possibility of technology and science. Head designer
Matías Duarte
Matías Duarte is a Chilean Americans, Chilean-American User interface design, computer interface designer and Google's Vice President of Design. Prior to his current role, he was the Director of Android (operating system), Android User Experience ...
explained that "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." Material Design is based on paper-and-ink as well as
skeuomorphic
A skeuomorph (also spelled skiamorph, ) is a derivative object that retains ornamental design cues (attributes) from structures that were necessary in the original. Skeuomorphs are typically used to make something new feel familiar in an effort t ...
interaction concepts, but implementation happens in a more advanced manner.
In 2018, Google revamped the language (Material Design 2), providing more flexibility for designers to create custom themes with varying geometry, colors, and typography.
In 2021, a further evolution of the design language, titled Material You (Material Design 3), was unveiled.
In 2025, the next evolution of the design language, titled "Material 3 Expressive", was unveiled.
Implementation
Material Design have been gradually extended throughout Google's array of web and mobile products, providing a consistent experience across all platforms and applications. Google has also released
application programming interface
An application programming interface (API) is a connection between computers or between computer programs. It is a type of software Interface (computing), interface, offering a service to other pieces of software. A document or standard that des ...
s (APIs) for third-party developers to incorporate the design language into their applications.
The
canonical
The adjective canonical is applied in many contexts to mean 'according to the canon' the standard, rule or primary source that is accepted as authoritative for the body of knowledge or literature in that context. In mathematics, ''canonical exampl ...
open source
Open source is source code that is made freely available for possible modification and redistribution. Products include permission to use and view the source code, design documents, or content of the product. The open source model is a decentrali ...
implementation of Material Design for web application user interfaces is called Material Web.
Updates
Material Design 2
After the 2018 revamp, Google began redesigning most of their apps based on an updated set of principles and guidelines dubbed "Material Design 2", which appeared on
Android Pie
Android Pie ( codenamed Android P during development), also known as Android 9 (API 28) is the ninth major release and the 16th version of the Android mobile operating system. It was first released as a developer preview on March 7, 2018, and ...
. It provided a larger focus on customization of the basic Material Design components to adapt to the branding of the products in which it is being used. The updated guidelines further heavily emphasizes white space, rounded corners, colorful icons, and bottom navigation bars. Google began utilizing a special size-optimized version of their proprietary
Product Sans
Product Sans is a geometric sans-serif typeface created by Google for branding purposes. It replaced the old Google logo on September 1, 2015. As Google's branding was becoming more apparent on multiple device types, Google sought to adapt its de ...
font called Google Sans.
Material Design 3 (Material You)
At
Google I/O
Google I/O, or simply I/O, is an annual developer conference held by Google in Mountain View, California. The name "I/O" is taken from the number googol, with the "I" representing the first digit "1" in a googol and the "O" representing the s ...
in May 2021, Google announced a new concept on
Android 12
Android 12 is the Android version history, twelfth major release and 19th version of Android (operating system), Android, the mobile operating system developed by the Open Handset Alliance led by Google. The first beta was released on May 18, ...
known as "Material You" (also known as "Material Design 3"), emphasizing increased animation, larger buttons, and the ability for custom UI themes to be generated from the user's wallpaper.
Material You was gradually rolled out to various Google apps on older Android versions in the following months, and acted as a major focus on the
Pixel 6
The Pixel 6 and Pixel 6 Pro are a pair of Android (operating system), Android phablet smartphones designed, developed, and marketed by Google as part of the Google Pixel product line. They collectively serve as the successor to the Pixel 5. T ...
and
Pixel 6 Pro
The Pixel 6 and Pixel 6 Pro are a pair of Android phablet smartphones designed, developed, and marketed by Google as part of the Google Pixel product line. They collectively serve as the successor to the Pixel 5. The phones were first previ ...
smartphone series.
Material 3 Expressive
At
The Android Show: I/O Edition in May 2025, Google announced "Material 3 Expressive" for
Android 16
Android 16 is the sixteenth and Android version history, latest major release of Android (operating system), Android, the mobile operating system developed by the Open Handset Alliance and led by Google. The first developer preview was released ...
and
Wear OS 6. This version of Material Design shares similarities to its predecessor but has increased animation and is more colorful and modern.
See also
*
Flat design
Flat design is a minimalist design language or design style commonly used in graphical user interfaces (GUI) (such as web applications and mobile apps), and also in graphical materials such as posters, arts, guide documents and publishing prod ...
*
Fluent Design System
Fluent Design System (codenamed "Project Neon") is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Metro (design language), Microsoft Design Language 2 that includes guidelines for the designs and interactions u ...
*
Human interface guidelines
Human interface guidelines (HIG) are software development documents which offer application developers a set of recommendations. Their aim is to improve the experience for the users by making application interfaces more intuitive, learnable, and ...
*
Metro (design language)
Microsoft Design Language (or MDL), previously known as Metro, is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio ("content be ...
*
Corporate Memphis
Corporate Memphis, commonly referred to as Alegria art, is an Style (visual arts), art style named after the Memphis Group that features Flat design, flat areas of color and geometric elements. Widely associated with Big Tech illustrations in t ...
References
External links
*
*
Material Design 1*
Material Design 2*
Material Design 3
{{Google LLC
2014 software
Design languages
Google
Graphical user interfaces
Touch user interfaces