If Everything's Emphasised, Nothing Is

Every page we're asked to review has the same symptom somewhere. The headline is big and bold. So is the subheading. There's a coloured banner, a badge saying "New", three buttons in the brand colour and an icon next to every line. Each of those was a reasonable request on its own. Together, they cancel each other out.

Emphasis only works by contrast. Something stands out because the things around it don't. Once every element has been made louder, the page is uniformly loud, and the visitor has to do the sorting themselves.

How pages get loud

Nobody sets out to design a noisy page. It happens one request at a time. Marketing wants the offer to stand out. Sales wants the phone number more visible. Someone notices the newsletter sign-up isn't getting clicks and asks for it to be bigger. Each change is small, and each one is made by turning something up.

Turning things up is easy to agree on. Turning things down feels like a loss, because someone cares about the thing being reduced. That's why hierarchy is as much a conversation as a design skill.

Deciding what matters most

We start each page with a short question: what is the one thing someone should see first, and what is the one thing we want them to do? Usually those are a headline and a button. Everything else is supporting material.

That doesn't make the rest unimportant. It means the rest is arranged in an order. Second-level information is clear but quieter. Third-level information, such as legal notes, metadata and secondary links, is there for anyone who looks for it and out of the way for anyone who doesn't.

The tools for playing down

Most people know the tools for adding emphasis. The tools for removing it get less attention, and they do more of the work.

Size is the obvious one. Dropping secondary text a step down the type scale gives the main text room. Weight is next; regular weight next to bold reads as a clear difference, while two slightly different bolds just look messy. Colour matters too. A softer text colour for supporting copy separates it from the main message without hiding it, as long as it still meets contrast requirements.

Space is the most underrated tool of all. Giving the main element more room around it makes it more important without changing anything about the element itself. Grouping secondary items closely together organises them and quietens them in one move.

One primary action

Buttons are where we're strictest. A page or section gets one primary button in the full brand colour. Other actions become outlined secondary buttons or plain text links. If two actions really are equally important, that's a sign the page is trying to do two jobs and might need splitting.

This one decision often helps more than anything else we change, because visitors stop hesitating between options that all look equally urgent.

The squint test

A quick check we use on every layout is to blur it. Step back from the screen and squint, or apply a blur in the design tool. Whatever you can still make out is what the page is saying first. If it's the headline and the main button, the hierarchy works. If it's a cookie notice and a decorative shape, it doesn't.

Holding the line

The hard part comes after launch, when the next request arrives to make something bigger. We try to answer it by asking what should get smaller in exchange. It keeps the page balanced and makes the cost of each change visible. Clear hierarchy also helps search engines and screen readers understand the page, which is one reason it matters to our SEO work as well as the design.

If your pages feel busy and nothing seems to stand out, the fix is rarely to add more emphasis. It's usually to take some away. Talk to us if you'd like a second pair of eyes.