LanderKit

Templates written in French — fully translatable in minutes

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

  1. 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.
  2. 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.
  3. 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