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

Use visual elements to create cohesion within a card

Use visual elements to create cohesion within a card Bad Practice
Use visual elements to create cohesion within a card Best Practice

They're called cards because, well, they look like cards. Without visual tools like shadows, borders, and shared backgrounds, each group's items look less related and create more cognitive load for users scanning a page.

Use clearly defined containers to help cards stand out, get more attention as a group of related content, and increase comprehension.

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