🚀 新規事業
whitespace-breathing
最終更新 2026年05月08日 / 40_新規事業/SCALE_Build/カタログ/UIUX集/whitespace-breathing.md
「呼吸する」余白を取る
原則
要素同士は触れさせず、十分な余白で「息継ぎ」させる。
なぜ?
余白が広い = 視線誘導が明確 = 高級感。詰め詰め = 情報過多 = 安っぽい。
Do(良い例)
セクション間 80-120px、カード内余白 24-32px
Don't(悪い例)
セクション間 16px、カード内余白 8px