Elevation & Shadows

Shadows and elevation are used to create depth and visual hierarchy in the interface. This section defines the standard shadow styles and elevation levels, helping to establish a sense of space and focus across components for a consistent user experience.

For designers

All shadows are customizable

Change shadow styles in Figma

Keep current number of shadows because they are used in components. If you need add more, contact our team on slack #spirit-design-system_cs_en

Are you interested in how to set up the entire brand? Check out the guide

For developers

Use only Shadow tokens which are shown in Figma (or Supernova if you use it)

If you need more shadows or any changes, contact your designer