← DictionaryVisual Hierarchy
The ordering of visual weight so attention moves in the intended sequence.
What people notice first, second, third.
What It Is
Visual Hierarchy is a Website item, filed under Layout. The canonical meaning is the ordering of visual weight so attention moves in the intended sequence.
It is an idea you reason with rather than a deliverable you hand over, so two teams can both hold it correctly and still apply it differently. That definition is deliberately narrow — the narrowness is what makes it usable.
How It's Used
Visual Hierarchy earns its keep in site builds, page structure and the technical decisions underneath them. In real work it sits close to Layout, Type Scale and Whitespace. The practical test is whether a decision changes because of it.
Why It Matters
The cost of being vague about Visual Hierarchy shows up later, not today. When it is unclear, the site still launches — it just quietly underperforms. Deciding it deliberately costs one conversation. Leaving it undecided costs several.
It is an idea that changes what you decide, not an item you tick off. What people notice first, second, third.
Termshift™
How the meaning shifts depending on who is using it, and where.
Inside the industry, Visual Hierarchy is used tightly and assumed to be understood: the ordering of visual weight so attention moves in the intended sequence.
Away from the jargon, it is what people notice first, second, third.
The Bottom Line
Visual Hierarchy pays off when it is specific and costs you when it is not. What people notice first, second, third.