Shadows can play an important role in a design system by:

• Adding depth: Shadows can be used to create a sense of depth and dimension, making designs appear more realistic and engaging.
• Improving usability: Shadows can be used to provide visual cues that help users understand the hierarchy and relationships between design elements.
• Reinforcing brand identity: Consistent use of shadows across designs can reinforce brand identity and improve recognition.
• Enhancing accessibility: Shadows can be used to improve accessibility, particularly for users with visual impairments or disabilities.
• Improving user experience: Shadows can help to create a more cohesive and pleasant user experience by providing a consistent visual element across designs.
• Enhancing contrast: Shadows can help to improve the contrast between design elements, making it easier for users to differentiate between them.
• Adding visual interest: Shadows can add visual interest and help to make designs more engaging and attractive.

By using shadows as part of a design system, designers and developers can ensure that designs are visually appealing, usable, and consistent, helping to improve the overall user experience.

Shadows

Spacing tokens can be used inside of components for building and between components for layout spacing. It complements our grids and typography scale by using multiples of four.

Shadows