Elevation

Elevation is the appearance of one surface sitting above another. Shadows, overlapping edges and tonal differences can help communicate layers.

Compare the project cards: restrained shadows separate them from the background, while strong dark shadows compete with their contents. The amount of shadow should support the layer relationship.

Use a consistent elevation system. A shadow does not prove that an element is interactive; labels, shape, position and interaction states must also communicate its behavior.