Depth is communicated through elevated surfaces, border contrast, shadow, blur, and a radial gradient border shell. Surfaces should read as elevated first, with borders, shadows, and blur reinforcing that material choice.
### Techniques
- Gradient border shell around the main card.
- Reusable elevated surfaces for cards and controls.
Reusable shadowsReusable shadows / Gradient surfaces
Surface sampleGlass
SurfaceGlassBorder1px solid currentColor / low opacityShadow0 25px 50px rgba(0,0,0,.35)Blur12px