🚀 新規事業

whitespace-breathing

最終更新 2026年05月08日 / 40_新規事業/SCALE_Build/カタログ/UIUX集/whitespace-breathing.md

「呼吸する」余白を取る

原則

要素同士は触れさせず、十分な余白で「息継ぎ」させる。

なぜ?

余白が広い = 視線誘導が明確 = 高級感。詰め詰め = 情報過多 = 安っぽい。

Do(良い例)

セクション間 80-120px、カード内余白 24-32px

Don't(悪い例)

セクション間 16px、カード内余白 8px