What breaks when every element on a page competes for attention?

When every element shouts, the page goes silent, because emphasis is relative and relative emphasis cancels out. The thing that breaks is hierarchy itself, and with it the eye’s path through the page. Attention is not a quality an element has on its own; it is a contrast between one element and the things around it. A bold heading is bold only against lighter text. A bright button is bright only against a calm field. Take a page where the heading, the subhead, three callouts, two buttons, a badge, and a banner are all maxed out on size, color, and weight, and none of them is emphasized anymore, because there is nothing left for them to stand out against. Everyone is loud, so no one is heard. The page has no loudest thing, which means it has no first thing, which means the eye has nowhere to start.

The deeper reason this collapses is that hierarchy works through suppression as much as elevation. You do not make something lead by pumping it up; you make it lead by letting everything else recede. The recessive elements are not failures of emphasis, they are the ground that lets the figure exist. When a designer, trying to honor every stakeholder, makes every important thing stand out, they remove the ground entirely, and a figure with no ground is invisible. This is why “make all the important things prominent” is self-defeating: prominence is a finite, zero-sum resource on a single screen, and spending it everywhere spends it nowhere. The page does not become more important-looking; it becomes flat, because flatness is what you get when every value is the same value, loud or quiet, it does not matter which.

The visible symptom is an exhausting page with no entry point. Think of a typical “everything matters” homepage: a rotating banner, a high-contrast hero button, a flashing promo bar, four feature tiles each with its own colored icon and bold label, a newsletter box outlined in red, and a chat bubble pulsing in the corner. A visitor arriving with a clear goal, say, finding the pricing, cannot find the thread, because nothing guides them; every region is grabbing equally, so the eye bounces, snags, and tires within seconds. The cost is concrete: the one action the page actually needed the visitor to take, click pricing, sign up, start the trial, is buried in the noise it shares with eight things that matter less. The business loses the conversion not because the action was missing but because it was indistinguishable from everything around it.

The exception worth naming is that this is not an argument for a bland, single-emphasis page. A page can have several strong moments and still work, as long as they are ranked and sequenced rather than simultaneous. A hero can lead, a primary action can follow, a secondary section can support, each strong in its zone because each is calm relative to the next, creating a path rather than a pile-up. The failure is not multiple emphases; it is multiple equal emphases competing in the same instant with no order between them. So the goal is not less emphasis everywhere, it is a deliberate gradient: one clear leader, supporting players that defer to it, and a quiet field that lets all of it read.

So when a page feels busy and tiring, do not ask how to make the key thing stand out more. Ask what you are willing to let recede. Pick the single element that must lead, then deliberately quiet everything around it, dropping weight, draining color, shrinking scale, until a clear path appears from the most important thing to the least. Hierarchy is built by what you turn down, not by what you turn up, and a page learns to speak only once you let most of it fall silent.