Shadow System
Hardness: 5 · Direction: none
Depth Scale
depth 1
depth 2
depth 3
depth 4
depth 5
Inset
depth 1
depth 2
depth 3
depth 4
depth 5
In Context
Card
Standard card at depth 2.
Raised Card
Featured content at depth 3.
Dropdown
Option one
Option two
Option three
Modal
Dialog Title
Highest elevation at depth 5.
Input Focus
focus state
Button Depths
Comparison
1
2
3
4
5