Guidance
Trope 05 · effects

Heavy drop shadows

Severity 2 of 3 · detected by css

Why it reads as slop

Big soft shadows under every card fake depth the layout does not have. Depth should come from the surface system, not from blur.

Heuristic

box-shadow with blur above ~24px or alpha above ~0.2, stacked shadows, or Tailwind shadow-lg/xl/2xl on most cards.

Antidotes

  • Hairline borders and tonal surface stepspractice
  • One reserved elevation for things that actually float (menus, dialogs)practice