All UX laws

Modular Type Scale

A geometric scale (e.g. 1.25× or 1.333×) gives proportional jumps the eye can parse.

How to apply it

Define 5–6 sizes max. Pair with weight + line-height to amplify the hierarchy.

Practise it on a real challenge

Landing Page — seven heading sizes, no hierarchy

A landing page sets its headings at 14/15/16/17/18/19/20px — every level a pixel apart. With no real jump between them, the eye finds no anchor and skims straight past the H1.

More UX laws

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