Tip 19: Casting a shadow

Tip 19. Casting a shadow

Using shadows behind components on your website is a great way to add depth and make content and text stand out.

The default is nearly always in a shade of black or grey.

Here is a top tip, match the colour of the shadow to the background. e.g. if the section has a light purple background, make the shadow a darker shade of purple rather than black.

It’s a subtle change that will stop the optical illusion of a dark shadow making sections of your site look murky or dull and result in a site that feels more visually appealing and engaging.