What is Elevation?

Elevation conveys the depth of UI surfaces using shadows, blur, and stacking order to signal hierarchy and interactivity.

When to use Elevation?

- To separate layers like modals, menus, and cards

- To indicate draggable or interactive elementsWhen not to use Elevation? - Flat, minimal themes or low‑contrast contexts where shadows reduce legibilityWhat is the anatomy of Elevation?

- Shadow size, spread, and opacity

- Z‑index stacking and overlay scrims

- Motion and elevation changes on interaction