Law of Continuity

Elements on a line or curve are perceived as related and belonging together.

stellae.design

Gestalt

The Law of Continuity (also called the Law of Good Continuation) is a Gestalt principle formulated by Max Wertheimer in 1923. It states that the human eye follows the smoothest path when viewing lines, preferring continuous figures over discontinuous ones. When elements are arranged along a line or curve, we perceive them as a group or sequence even if they vary in appearance. This principle underpins linear navigation, timelines, and any sequential flow in digital interfaces.

Why It Matters

The Law of Continuity — a core Gestalt principle — states that the eye naturally follows lines, curves, and sequences of elements that are aligned along a smooth path, perceiving them as a continuous whole rather than discrete fragments. In interface design, this principle governs how users scan layouts, follow navigation flows, and perceive relationships between elements arranged in rows, timelines, and progress sequences. When continuity is broken unexpectedly, users lose their place, misunderstand relationships, and must spend extra cognitive effort reassembling the visual flow.

Real-World Examples

Multi-step checkout progress bar

E-commerce sites like Amazon display a horizontal progress bar connecting numbered steps — cart, shipping, payment, confirmation — with a filled line advancing as the user completes each stage. The continuous connecting line creates a visual path that communicates both current position and remaining steps in a single glance. Users perceive the entire checkout as one cohesive journey rather than four disconnected pages.

Horizontal card carousel with peek

Netflix shows a row of title cards with the last visible card partially cut off at the edge of the viewport, signaling to users that more content exists beyond the visible area. The partial card creates a visual line that continues past the screen boundary, compelling users to scroll horizontally and explore. Without the peek, users might assume the row contains only the visible items.

Counter-example

Timeline with inconsistent vertical gaps

A project management tool renders a vertical timeline where the spacing between events varies wildly — some entries are packed tightly and others are separated by large gaps with no visual connector. Users cannot determine whether the gaps represent time intervals, missing data, or simply broken layout, destroying the temporal continuity the timeline is meant to convey. The inconsistent spacing fragments a naturally continuous sequence into confusing disconnected segments.

Role-Specific Guidance

Common Mistakes

• The most common mistake is severing visual continuity at container or viewport boundaries without any indication that content continues — users assume a row or list is complete when it ends cleanly at the screen edge. Another error is mixing alignment directions within a single flow, such as combining left-aligned and center-aligned elements in a sequence, which forces the eye to jump rather than follow a smooth path. Teams also underestimate the importance of consistent spacing in continuous sequences; uneven gaps between items break the perceptual grouping that makes the sequence feel unified.