The Von Restorff effect: making your CTA stand out without shouting
Published on 29 July 2026 · 7 min read
If you had to keep only one principle of conversion design, it would be this one: what is distinct draws attention and gets remembered. It has a name and a date: in 1933, German psychologist Hedwig von Restorff published in Psychologische Forschung a series of experiments showing that an isolated item — different in kind or appearance within a homogeneous series — is recalled markedly better than the items around it (von Restorff, 1933). More recent work clarified the mechanism: R. Reed Hunt, revisiting these experiments in Psychonomic Bulletin & Review, showed the advantage comes from the item's distinctive processing relative to its context — it's the relative difference that matters, not an absolute property like "being red" (Hunt, 1995). That nuance is the entire theory of the CTA: a button never stands out "in absolute terms", it stands out by contrast with its page.
The CTA should be the most distinct element on the page
Concretely, a CTA's distinctiveness plays out on four stackable levers:
- Color: a hue absent from the rest of the page, not necessarily "warm" or "bright". On a blue page, an orange button stands out; on an orange page, it's the reverse. The rule is contrast with the surroundings, not a magic color — the same relative-perception logic as in our article on background color and price perception.
- Space: emptiness around it. A button squeezed between two paragraphs blends in; the same button surrounded by white space becomes the visual event of the screen.
- Shape and size: a solid block in a page of text, big enough to be an object rather than a word — without becoming a garish banner that triggers ad blindness.
- Uniqueness: the lever everyone forgets. If three elements use the CTA's color (links, badges, icons), none is isolated — the Von Restorff effect requires a homogeneous background for the exception to exist.
CTA color is a palette decision, not a button decision
The most counter-intuitive consequence: getting your CTA right starts with disciplining everything else. Reserve one accent color exclusively for conversion actions and ban it from every other use — headings, icons, illustrations. That restraint is what manufactures the contrast, far more than the choice of hue itself. The famous "red button vs green button" tests rarely measure color: they measure how isolated the button is within its page.
When everything stands out, nothing does
The isolation effect has a merciless corollary: it only works for a small number of exceptions. A page that multiplies "standout" elements — three accent colors, animated badges, neon callouts — recreates a homogeneous series of shouts, in which nothing is distinct anymore. It's one of the reasons limiting competing calls to action works, as our article on how many CTAs a page needs details: a secondary CTA as a ghost button preserves the primary's visual isolation. The fold adds its constraint: the most distinct element of the page should be visible on the first screen.
Checking your CTA's isolation with three tests
- The squint test: squint at the page (or blur a screenshot). The CTA should remain the first identifiable spot. If the hero, a badge, or an illustration dominates, isolation is insufficient.
- The 5-second test: show the page for five seconds to a stranger and ask "what were you supposed to click?" — the full protocol is in our article on the 5-second test.
- The heatmap: clicks should concentrate on the CTA, not scatter across non-clickable elements — our guide to heatmaps shows how to read those scatters.
And as always, isolation gets verified through A/B testing — with genuinely contrasted variants (reserved color or not, doubled spacing) rather than two neighboring shades. Our 10 LanderKit templates (€89 each, €229 for the pack) apply the Von Restorff effect out of the box: a single accent color per template, strictly reserved for CTAs, on deliberately restrained palettes — visible for instance on the SaaS Waitlist template demo, where the signup button is the page's only block of color.
FAQ
Frequently asked questions
What's the best color for a CTA button?
The one that exists nowhere else on your page. The Von Restorff effect relies on relative contrast, not an absolute hue: an orange button stands out on a blue page and disappears on an orange one. Pick an accent color, reserve it exclusively for conversion actions, and the "which color" question becomes secondary.
Can the Von Restorff effect be applied to things other than the CTA?
Yes, but sparingly: a highlighted plan in a pricing table, a key number, a guarantee badge. Each additional exception dilutes all the others — beyond two or three distinctive elements per page, nothing is distinct anymore.
Should my CTA be bigger to stand out more?
Size is one lever, but the space around the button and the exclusivity of its color generally work better than enlargement. A huge button on a cluttered page still drowns; a medium button, the only colored block surrounded by white space, is unmissable.
How do I know if my CTA stands out enough?
Three quick checks: the squint test (the CTA should remain the first visible spot on a blurred screenshot), the 5-second test with strangers, and the click heatmap. If any of the three fails, work on isolation — reserved color, space, uniqueness — before thinking about changing the hue.
Read next
Related articles
- Gestalt principles on a landing page: visitors perceive groups, not elementsPut a price forty pixels away from its offer and ten pixels from the next block: visitors will attach that price to the next block, whatever the copy says. That's not carelessness, it's normal perception. Gestalt principles describe how the eye groups the elements of a page before it even reads them — and how badly chosen spacing, framing, or contrast can rewrite your message without changing a single word.
- The halo effect: why a “beautiful” landing page also feels more trustworthy“What is beautiful is usable”: the phrase comes from a founding study in usability research, and it describes a very real bias. The aesthetic judgement, formed in a fraction of a second, spills over onto dimensions that have nothing aesthetic about them — the company's reliability, the product's quality, the payment's security.
- What color should your landing page CTA button be?"The red button converted 21% better": the legend has been circulating for fifteen years, and it misses the point. Button color matters, but not the way people think — it's not a magic hue that does the work, it's contrast with the rest of the page and coherence with your brand. Here's what the research actually says.