Shadows - Design

Cherry offers several shadow variations that allow you to create elevations and add depth to your interfaces. Shadows play a crucial role in enhancing the visual hierarchy of elements, providing a sense of depth and realism.

There are two sets of shadows, one for dark mode and one for light mode.

XS
Shadowxs
sm
ShadowSM
md
ShadowMD
lg
ShadowLG
lg
ShadowXL

Shadows can be found in the Figma Template in the ☁️ Shadows page.