hierarchy

Create visual hierarchy by varying size, weight, color, tone, position, and whitespace so one element reads as primary, a few as secondary, and the rest as tertiary. Stacking multiple dimensions on the primary element makes the ranking unambiguous.

Aim for three levels: one primary focal element, several secondary supporting elements, and recessive tertiary elements like metadata and fine print. Fewer levels feel flat, while more than four or five blur into an indistinct gradient.

Flatness is almost always a hierarchy problem, not a color or whitespace problem. If all elements share similar size, weight, and contrast, the eye finds no focal point; introduce deliberate differences along one or more visual dimensions.

No, color should never be the only hierarchy signal because it fails for colorblind users and in poor viewing conditions. Stack color with size, weight, and tone so the hierarchy survives grayscale and accessibility modes.

Avoid hierarchy in neutral-comparison contexts like pricing tables and equal-weight survey options, where emphasis would bias the user. Also avoid it between rows of dense data tables where every row has equal status.

Use the squint test by blurring the design to check if one element still dominates, or show it to someone for three seconds and ask what they remember. Converting to grayscale reveals whether you were relying on color alone.