Law of Common Region

Things inside a shared boundary are seen as a group.

Why it matters

Cards and panels group content, even when items are not very close.

How to use it

  • Use cards for separate items.
  • Add a background to mark a section.
  • Do not over-box everything.

Example

A card around a product photo, price and button makes them read as one thing.

Go deeper: Laws of UX