web design ui

Z-Pattern

The Z-pattern applies to layouts with less text and more visual elements: landing pages, hero sections, and marketing pages. The eye starts top-left (logo), moves right (navigation or headline), drops diagonally to the bottom-left (supporting content), then sweeps right to the bottom-right (CTA). This is why landing pages place the primary call-to-action in the bottom-right quadrant, it is the natural endpoint of the Z-scan.

Related terms

Keep exploring