The encyclopedia
Attention

The Standout

The effect

"One thing is impossible to miss because it doesn't match anything around it."

The method

Items that visually break a uniform set are remembered far better. The attention isn't earned by the item — it's earned by the contrast.

Grey hat
5/10
Most common usage on the angel→devil scale
The ethics spectrum

Same hack. Three very different choices.

White hat

The standout element is the action you genuinely want the user to take.

Grey hat

Standout is on the upsell, not the user's primary goal.

Black hat

Standout is on the dark-pattern path (e.g., 'Accept all cookies' bright; 'Reject' grey-on-grey).

The template

A formula you can steal

Make [PRIMARY ACTION] visually distinct in [COLOR / SIZE / SHAPE] from everything else on the screen.
Spotted in the wild

Where you've already seen this

  • Cookie banners with the bright 'Accept' button vs. the muted 'Manage'.
  • Stripe's docs sidebar where one item glows when relevant to your context.
  • Pricing pages where the recommended plan has a colored border and badge.
When to use it

When there is a single, unambiguous next action and ambiguity hurts the user as much as it hurts the business.

When NOT to use it

When the standout element is the option that benefits you at the user's expense. This is the textbook dark-pattern flag.

The 5-minute practice

Try the trick today

Squint at your key page until detail blurs. The element that still pops should be your primary action. If it's not, you're losing clicks to noise.

Don't get hacked
Want to avoid this trick being run on you? Take the AI Marketing Course →

Free Marketing Hacked module included. See more cautionary tales and learn the playbook from the inside.

See it in action

1 teardown use this trick