Design Systems Compare Quick Ref

Material Design 3

Surfaces & Tonal Elevation

Surface containers with tonal tint overlays for depth and visual hierarchy.

6 materials1 types6 with appearances

Materials stats

6

Materials

1

Types

3

Platforms

6

Appearances

By type

elevation

All Design Systems

Material Design 3

Overview Colors Typography Spacing Shape Motion States Elevation Breakpoints Tokens Customization Content Design Glossary Components Symbols Patterns Inputs App Icons Materials System Localization Accessibility Platforms

Overview Colors Typography Spacing Shape Motion States Elevation Breakpoints Tokens Customization Content Design Glossary Components Symbols Patterns Inputs App Icons Materials System Localization Accessibility Platforms

All Materials

Visual materials with blur, vibrancy, and elevation specifications.