Elevated card

Elevated cards use shadows to stand out from the rest of the page, floating above the background surface. Shadows also help indicate clickability and enhance the unity of elements within one card.

Elevated cards are common in design since they most readily mimic the appearance of a physical card. It's essential to intensify card shadows on hover — it communicates clickability even more and provides users' feedback on their actions.