Watch
Visual hierarchy 0:27
A 27-second explainer of Visual hierarchy, narrated over the same demo you can try yourself.
Try the interactive Visual hierarchy demo
What this video covers
The order your eye follows across a layout, shaped by size, weight, colour and space. It tells you what grabs attention first - and what slips by.
You found the same kind of button far faster once the design ranked it for you. That is visual hierarchy: size, weight and colour steering your eye before you have read a single word.
