SCALE — Build Lab

「呼吸する」余白を取る

余白

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

Do 良い例

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

Don't 悪い例

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

「呼吸する」余白を取る

:LiTarget: 原則

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

:LiAlertCircle: なぜ?

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

:LiCheckCircle: Do(良い例)

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

:LiXCircle: Don’t(悪い例)

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