All UX laws

60-30-10 Rule

60% dominant (neutral), 30% secondary, 10% accent. Ratios create visual calm.

How to apply it

Most pixels should be neutral. Saturated color earns attention only on the 10%.

Practise it on a real challenge

Dashboard — eight brand colors, zero focus

A SaaS team shipped a dashboard using all eight brand colors at equal strength. Everything competes for attention, so nothing wins — users can't find the primary action in the noise.

More UX laws

  • 8-pt Spacing Scale
  • Accessible contrast
  • Aesthetic-Usability Effect
  • Alignment Principle
  • Calibrated Trust
  • Density Matches Context
UX QuestUX LawsPricingAboutContactPopular UX laws:Hick's LawFitts's LawDoherty ThresholdMiller's LawLaw of ProximityAesthetic-Usability EffectVisual hierarchyAccessible contrastAll UX laws