余白

Spacing

目的・詳細

コンポーネント内や各パーツ間で使用します。 文脈や意味に沿ってコンテンツを区切ったり、各要素間の余白に差をつけることで親子関係を表現したり、同じ意味を持つ要素のグループの余白を統一することで並列関係であることを示すことができます。このように、余白に意味を持たせることは情報を的確に伝えることに繋がります。

バリエーションについて

基本的に8の倍数をスペーシングとして定義します。場合によってイレギュラーな余白を許容します。その場合、4の倍数での使用を推奨します。 スペーシング スペーシング

スペーシングルール

基本的に以下のルールを遵守してください。 スペーシングルール スペーシングルール