<?xml version="1.0" encoding="utf-8"?>

Apply appropriate card shadows

Apply appropriate card shadows Bad Practice
Apply appropriate card shadows Best Practice

When adding card shadows, you usually draw inspiration from the real world, using a darker color and playing around with offsets. Make sure the shadow is visible on all four edges for the most realistic and eye-catching look. When you apply only key lights that create sharper, directional shadows, you risk overdoing the card design.[1]

Pro Tip: Depending on the app style, you may apply a blur effect to increase the elevation and reduce the opacity to create a more natural look.

Improve your UX & Product skills with interactive courses that actually work