All UX laws

Alignment Principle

Aligned elements feel intentional and reduce cognitive load. Stray edges feel sloppy.

How to apply it

Use flex/grid with consistent gaps; pin CTAs to card bottom with margin-top:auto.

Practise it on a real challenge

Card Grid — every card lands at a different height

A 3-column card grid has titles, prices, and buttons all landing at different heights, so the whole row looks broken even though each card is 'correct' on its own.

More UX laws

  • 60-30-10 Rule
  • 8-pt Spacing Scale
  • Accessible contrast
  • Aesthetic-Usability Effect
  • 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