designmotionhq

visual

Von Restorff Effect

Three identical pricing cards, nobody clicks. Isolate one: 3× more conversions.

Watch on Instagram

Key insights

  • The isolation effect: what's visually different gets noticed and remembered. Make one item break the pattern and eyes land on it automatically.
  • It only works against a uniform baseline — three identical cards give the eye nowhere to go. Contrast is relative, so keep everything else calm and change just one thing.
  • In pricing, isolate the target plan: scale it up, add a "Most Popular" badge, and dim the alternatives so the choice steers itself.
  • Break the pattern with a single CTA — one "Get Started" button lifted by color, scale, and glow pulls attention (heat maps concentrate right on it) while nav links recede.
  • In forms, emphasize the primary action and mute the secondary ones, so the next step is never in question.
  • Differentiate with more than color — combine scale, elevation, and glow so the standout reads reliably, including for color-blind users.

Do / Don't

  • Do: Isolate the one action you want taken, using scale, color, and a badge against a uniform baseline
  • Do: Keep surrounding elements visually quiet so the highlighted one truly stands out
  • Do: Limit emphasis to a single element per view — target plan, primary CTA, or main form button
  • Don't: Highlight two or three elements at once — competing emphasis cancels the effect entirely
  • Don't: Ship identical options and hope users pick the one you actually want them to choose
  • Don't: Lean on color alone; pair it with scale or elevation so the contrast holds up

Want Claude to build this correctly?

UX Engine gives Claude Code the senior-designer reasoning behind every pattern.

The Design System Blueprint

An 11-page visual guide to consistent, scalable UI: colors, typography, spacing, components, motion.

Get the Blueprint — free

The PDF, plus emails about new patterns and my tools. Unsubscribe anytime.

Related patterns