Hierarchy is a promise — and most sites break it
Visual hierarchy is a contract with the reader. Break it and every section feels equally important, which is the same as nothing being important.
Every page on the internet is making a silent promise: ‘the thing I made biggest is the thing that matters most.’ Readers take this promise seriously, whether they’re conscious of it or not. They read the headline first because it’s largest. They trust the layout to tell them what to care about.
Most sites quietly break this promise. They make three things the same size, then wonder why nobody reads them.
What flat hierarchy communicates
When every section, card, and heading has the same weight, the reader gets a specific message: ‘I don’t know what’s important either — you figure it out.’ It feels polite and is actually exhausting. Pages with flat hierarchy are pages the reader has to do more work on.
The opposite is a page that shouts one thing and whispers the rest. That kind of page respects the reader’s time. It says: ‘Read this. If you want more, it’s here. If you don’t, you got what you needed.’
“Flat hierarchy is a designer apologising for not deciding.”
The three weights
A healthy page uses three levels of weight, no more. Primary: the one argument. Secondary: the two or three supports. Tertiary: the small print, credits, meta info. If you catch yourself inventing a fourth level, you’re probably over-delivering on a single page.
Every layout decision — size, colour, position, spacing — reinforces or weakens these three levels. The best designers we work with are ruthless about the primary layer and generous with the rest.
Testing the promise
Squint at a page until the type is illegible. What are you left with? A clear primary form, or a soup of equal-weight rectangles? If it’s soup, the hierarchy has failed. Fix it at the silhouette before you touch the typography.
Every site is a contract. Keep the promise: make the important thing obviously the most important. Your reader will thank you by actually reading it.