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