Glossary · 09
Visual Hierarchy
Visual hierarchy is the arrangement of size, weight, color and spacing so users perceive the most important content first.
The principle of ordering elements so the most important content is perceived first — via size, weight, color, contrast and spacing. Without hierarchy every element shouts equally and users parse nothing; it is the first thing to state when prompting an AI layout.