Home › Layout & Spacing › Visual hierarchy
Visual hierarchy
The order in which the eye sees elements on a page.
Visual hierarchy is the path your eye follows. The biggest, boldest, brightest element gets noticed first. Smaller, quieter elements come later.
Without visual hierarchy, every element competes for attention and the page feels exhausting. Strong hierarchy makes a complex page feel obvious — you know exactly what to read first.