Shadows
Our shadows are used to create depth and hierarchy in our designs.
Scale
Whilst shadows are not officially part of the Qasa brand, they are used to ensure clear separation between elements. By adding depth, they help users understand the relationships between different elements on the screen.
sm
md
lg
xl
Tokens
Our shadow tokens are available as Tailwind classes and Figma tokens.
| Token name | Class name |
|---|---|
| sm | shadow-sm |
| md | shadow-md |
| lg | shadow-lg |
| xl | shadow-xl |