Foundations
Elevation
Five steps of soft, low shadow. Glass surfaces blur the background by 20px. Elevation signals layering, never decoration.
xs
0 1px 2px rgba(0,0,0,.12)s
0 4px 4px rgba(0,0,0,.08)m
0 8px 16px rgba(0,0,0,.08)l
0 12px 24px rgba(0,0,0,.16)xl
0 24px 32px rgba(0,0,0,.32)