Visual hierarchy: why some websites look expensive

01The four levers

• Size: the most important element is much bigger, not slightly bigger.
• Weight and contrast: bold, dark or bright things are read first.
• Space: what has room around it feels important.
• Colour: one accent colour, reserved for the action, pulls the eye.

02The most common mistake

Giving everything equal weight. When every heading is the same size and every card the same width, the eye has nowhere to start, and the page reads as noise.

03Quick fixes

• Make the main headline at least three times the body size.
• Cut one of every two buttons; keep one primary action per screen.
• Double the space above every section heading.
• Make the most important card in a grid span two columns.