Shadows
Shadows are used to improve the overall general feel of things, and add levels of depth and realism to the user’s visual experience.
It should give clear distinction when stacking containers on top of each other.
Behavior
- We recommend you use Elevation 1 and 2 for smaller divs and containers.
- Elevation 3 and 4 are larger drop shadows used for large containers such as the left and right pane or modals.
See the application layout page to learn more about containers.