Laws of UX
Von Restorff Effect
The thing that stands out from its surroundings is the thing that gets noticed and remembered.
Where it comes from
It's named after the German psychiatrist Hedwig von Restorff, who in 1933 showed that when one item in a list is made to stand out, people remember it markedly better than its uniform neighbours. It's also known as the isolation effect.
Why it matters for your website
Contrast is attention. The Von Restorff Effect says that among similar items, the one that differs is the one most likely to be seen and recalled. Your most important elements have to stand visually apart, or they disappear into the page.
The effect cuts both ways. Make your primary action visually distinct and it gets seen and remembered; let everything compete equally and nothing wins the glance. The classic mistake is emphasising so many things that the emphasis cancels out — five 'special' buttons are just five buttons again.
It's why a single accented colour, reserved for the one action that matters, does so much work. The moment that accent appears on secondary buttons, decorative elements, and headings too, it stops signalling importance and becomes just another part of the visual noise.
Wrong vs right
A page where the primary 'Start free' button is the same colour and weight as three secondary buttons, so the eye has no reason to land on it first.
One high-contrast primary button against quieter, outlined secondary actions — the important choice is unmistakable.
A pricing table where every plan is styled identically, so no plan reads as the recommended one.
The recommended plan given a distinct accent, badge, or raised card, so it stands out from its peers.
A key piece of information (a discount, a deadline) set in the same style as the body text around it, where it disappears.
That one detail given deliberate contrast so it registers in the first scan.
Understanding Von Restorff Effect
The Von Restorff Effect — the isolation effect — says that among a set of similar things, the one that differs is the one that gets noticed and remembered. It's a direct consequence of how attention works: the eye is drawn to contrast, to the element that breaks the pattern. Sameness is invisible; difference is a signal.
In interface terms, this is the engine behind visual hierarchy. Size, colour, weight, and space are the tools, but the principle underneath is differentiation: the element you most want acted upon must look unlike everything around it. A primary button works not because of its colour in the abstract, but because that colour is reserved — nothing else on the page wears it.
The failure mode is over-emphasis. Contrast is a finite budget: spend it on everything and you've spent it on nothing. When several elements all shout, the brain can't tell which matters, and the page flattens back into uniformity. The discipline is restraint — keeping most of the page quiet so the one thing that matters has room to stand out. It pairs closely with selective attention and the disciplined use of whitespace.
How Kweri checks it
Kweri's review assesses whether the elements that should dominate — your primary action, a recommended option, a key message — actually stand apart from their surroundings, or blend in with equally-weighted neighbours. This is a hierarchy judgement rather than a measurement, so Kweri treats it heuristically: it flags pages where the important element doesn't appear visually isolated, and where emphasis seems spread across too many competing elements to single any out. The final call on what should dominate is yours; Kweri surfaces where the design isn't making that call clearly.
FAQ
What is the Von Restorff Effect?
The Von Restorff Effect, or isolation effect, is the finding that when one item differs from the others around it, people are more likely to notice and remember it. In design it's the basis for making important elements visually distinct.
How do I use the Von Restorff Effect in design?
Make the single most important element — usually your primary call to action or a recommended option — visually different from everything around it in colour, size, or weight. Crucially, keep that emphasis reserved, so the distinction actually reads.
Why shouldn't I emphasise everything?
Because contrast only works relative to its surroundings. If many elements are all emphasised, none stands out and the page flattens. Emphasis is a limited budget — spend it on the one thing that matters most.
What's the difference between the Von Restorff Effect and visual hierarchy?
The Von Restorff Effect is the underlying perceptual reason hierarchy works: difference attracts attention. Visual hierarchy is the broader practice of arranging size, weight, colour and space to signal order of importance.
Does the Von Restorff Effect apply to colour only?
No. Any form of difference works — size, weight, shape, motion, or space, as well as colour. The key is that the element breaks the pattern set by its neighbours, however that contrast is achieved.
Related principles
Users actively filter out everything not relevant to their current goal — elements outside their attention tunnel are invisible regardless of how prominent they are.
Space around and between elements is not wasted — it creates hierarchy, grouping, and focus.
Every page or section should have one clear primary action — competing CTAs dilute each other.
Attribution & sources
Identified by Hedwig von Restorff (1933). Catalogued from Laws of UX (Jon Yablonski).
Identified by psychiatrist Hedwig von Restorff in 1933 (the isolation effect); popularised for designers by Jon Yablonski's Laws of UX.
See Von Restorff Effect on your own site
Run a free Kweri audit — a plain-English review of your site’s speed, accessibility, SEO and design, ranked by what to fix first. No login, no jargon.
Run a free audit →