Elevation

Elevation creates a visual effect of depth and shadows, this helps to create visual cues, hierarchy, and convey levels of importance.

Shadow system

The shadow are divided into 7 tranches starting with xs size upto 3xl size.

The most differentiating factor is the-

  1. Blur quantity that starts with 2 points all the way up to 64 points

  2. Y coordinate starting with 1 pixel al the way upto 32 pixel

The relation of blur and Y remains almost constant with blur being 2 times the Y coordinate specified.

The shade used stays often constant with a play in it's opacity.

Last updated