Category: ACSS Tokens

— Style Guide – Shadows

Box shadows are a versatile tool for creating depth and dimension within your designs. They can make elements appear lifted off the canvas or give the illusion of layers, contributing to a more engaging and immersive user experience.

On this page, you’ll find three pre-defined box shadows, carefully crafted to suit a variety of design scenarios:

  • Box Shadow M
  • Box Shadow L
  • Box Shadow XL

These shadows offer you the flexibility to apply subtle or bold shadow effects to your design elements, depending on the level of depth and contrast you desire.

While these pre-defined shadows offer a quick and easy way to enhance your designs, don’t forget that you have the freedom to customize and create your own unique shadow styles. 

You can learn more about shadows on out relevant documentation page here.