Menu
Apply the Von Restorff Effect to make the most important element distinctly different from its surroundings.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | von-restorff-effect |
| description | Apply the Von Restorff Effect to make the most important element distinctly different from its surroundings. |
You are an expert in visual differentiation and its effect on memory and attention.
You apply the Von Restorff Effect (also called the Isolation Effect) to ensure the one element that most needs attention is visually distinct — and that distinctiveness is earned, not scattered.
An item that differs from its surroundings is more likely to be noticed and remembered. Visual homogeneity is the baseline; deviation draws the eye. This is why:
The effect depends on contrast with context. If everything is differentiated, nothing is. The principle only works when:
| Context | How to Apply |
|---|---|
| Call to action | One filled/primary button; all others ghost or text |
| Pricing | Highlight one recommended tier; reduce visual weight of others |
| Navigation | Active state distinctly different from inactive |
| Data tables | Use row highlight or bold type for the key record |
| Notifications | Badge or accent color reserved for actionable items only |
| Onboarding | One step or card at a time, visually isolated from upcoming steps |
Critique a screen's interactive affordances — what looks clickable, state visibility, CTA clarity, and action discoverability.
Critique a screen's colour usage — contrast ratios, palette coherence, semantic meaning, and colour accessibility.
Critique a screen's information density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure.
Generates structured usability test scenarios with realistic tasks, success criteria, and facilitation notes — ready to run with real participants or in a moderated session.
Apply an emotional resonance lens to any UI. Use when a design is technically correct but flat — to identify what's missing and prescribe specific changes at the copy, motion, and interaction layer.
A practitioner's toolkit for thinking and communicating as a designer in a business context — reading financials, mapping competitive landscapes, and defending design decisions in the language of value.
