Depth is communicated through surfaces, borders, shadows, and blur treatments.
Reusable shadowsReusable shadows / Gradient border shell / Gradient surfaces
Surface sampleGlass
SurfaceGlassBorder1px solid currentColor / low opacityShadow0 25px 50px rgba(0,0,0,.35)Blur12px