Density Matches Context

Density should match the user's task — consumer apps breathe, pro tools pack.

How to apply it

Pro tools: 8–12px gaps, 12–13px body, ≥4.5:1 contrast. Add a 'comfortable' toggle.

Practise it on a real challenge

Trading Dashboard — breathable or dense?

A trading dashboard is used for hours. The team debates 'breathable' vs 'dense'.

More UX laws

• 60-30-10 Rule
• 8-pt Spacing Scale
• Accessible contrast
• Aesthetic-Usability Effect
• Alignment Principle
• Calibrated Trust