Draw a line around a group of objects and they become a group, regardless of what those objects actually are or how they relate to each other. The Law of Common Region is a Gestalt principle formalized by Stephen Palmer in 1992, and it describes how the brain treats a bounded area as a powerful grouping cue on its own. A clearly defined region creates a perceptual unit: elements inside belong together, elements outside don't, and this holds even when the enclosed elements share nothing else in common, and even when a stronger cue like proximity would suggest a completely different grouping.
The Psychology
Gestalt psychologists mapped out most of these principles in the early twentieth century, but researchers added common region later, once they realized how much its power had been underestimated. The key finding: containment overrides other grouping cues. Place two unrelated items inside the same card and leave a related item outside it, and people will read the two enclosed items as related and the outside one as separate, even when that outside item sits physically closer to one of the enclosed ones. That has direct consequences for how designers use containers, cards, and bordered sections.
In Product Design
Common region is the theoretical foundation behind card-based interfaces, modal dialogs, form fieldsets, sidebars, and tab panels.
- A dashboard card, which tells people these data points belong together as one unit of information
- A modal dialog, which tells people this interaction is a separate, bounded context from the page underneath it
- A form fieldset with a legend, which tells people these fields collectively answer one question
- A navigation sidebar with a shared background, which marks every item inside it as a navigation action, distinct from the content area next to it
How to Apply It
Use containment deliberately in two directions. First, reach for a shared region when elements need to read as related but aren't close together or visually similar enough on their own, a bounded area makes that relationship explicit without needing anything else. Second, be precise about what actually goes inside a boundary. Every element inside a container quietly claims membership in that group, and stuffing an unrelated element into a card just because it fits spatially manufactures a false association people will have to correct through closer reading later.
A boundary doesn't just contain content. It makes a claim about what belongs together, and people believe it without checking.
Why It Matters
Applied carelessly, common region produces clutter and a confused sense of hierarchy. Cards holding unrelated content leave people wondering why those particular items got grouped. Bordered sections wrapping too much content on a dense page make everything feel equally boxed in, and equally boxed in means nothing stands out. The principle works because it's automatic and unquestioned, people accept the groupings a boundary creates without examining them. That automation comes with a responsibility: whatever grouping a container implies will simply be believed.
