Surface containers with tonal tint overlays for depth and visual hierarchy.
Visual materials with blur, vibrancy, and elevation specifications.
0
Default surfaces, filled buttons, and baseline containers
1
Cards, search bars, and subtle raised surfaces
2
Navigation bars, menus, and hovered elevated buttons
3
FABs, dialogs, snackbars, and navigation drawers
4
Cards on hover or picked up surfaces
5
Dragged elements or temporary elevated UI