🚀 新規事業
shadow-hierarchy
最終更新 2026年05月08日 ／ 40_新規事業/SCALE_Build/カタログ/UIUX集/shadow-hierarchy.md
シャドウは奥行きの階層を表す
原則
シャドウの強さで「浮いている度合い」を表現。常に同じ強度はNG。
Do（良い例）
box-shadow: 0 1px 3px (カード) / 0 8px 24px (モーダル)
Don't（悪い例）
全要素に box-shadow: 0 0 10px black（ベタ塗り）