Skip to content
UX Atlas
UI foundationEstablished researchFoundational

Common Region

A shared boundary or background binds elements together more strongly than proximity does.

Definition

Identified by Stephen Palmer in 1992 as an addition to the classical Gestalt principles. Elements within a common enclosed area are perceived as a group, and enclosure overrides proximity when the two conflict.

Established research. Originates in published research and has been replicated. The effect is real. Its size in your product still needs measuring.

On this page
  1. Definition
  2. The strongest grouping tool available
  3. Ways to establish a region, quietest first
  4. In practice
  5. Sources
  6. Continue from here

The strongest grouping tool available

Because common region beats proximity, a border or background can bind elements the grid cannot bring together. This is the mechanism that makes cards work, and it is why an inconsistently padded card breaks a grid so noticeably.

It is also why enclosure should be used sparingly. Every container adds a visual boundary, and a page of nested containers becomes a set of boxes competing for the same grouping signal.

Ways to establish a region, quietest first

  • Whitespace alone, which creates an implied region with no added marks.
  • A subtle background tint, one step from the page surface.
  • A hairline border, which is precise but adds a visible line.
  • Elevation through shadow, which implies a separate surface and should be reserved for things genuinely above the page.
  • A full card with border, background and shadow, which is the loudest and most overused option.

In practice

Fieldset grouping

Long forms

A subtle background behind a group of related fields communicates the grouping faster than a heading alone, and it survives at a glance.

Card overuse

Dashboards

A dashboard where every element is a card produces a grid of boxes with no hierarchy. Removing the containers from secondary content lets the primary cards mean something again.

Sources

Where a source establishes something narrower than the popular reading of it, the note says so.

  • Common region: a new principle of perceptual grouping

    S. E. Palmer, Cognitive Psychology, 1992

Continue from here

Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.

Applied through

Where this shows up as a concrete interface decision.

Principles behind this

The reasoning this solution is an application of.

Short definition

The one-paragraph version, for when that is all you need.

Related concept

Connected closely enough to change how you apply this.