余白と角
余白は 4px の倍数。角は操作部品 4px、面 8px、ピルは丸。それより丸い角は使わない。
余白#
space-14px点と文字の間、ピルの上下。space-28pxボタンの上下、ラベルと入力欄の間、並ぶ部品の間。space-312px表のセルの上下、ボタンの左右。space-416pxカードの内側、フォームの行間、画面の左右の余白(スマホ)。space-624pxカード同士の間、節の間。space-832px画面の左右の余白(PC)、題と本文の間。space-1248px大きな節の間、ページの上下。space-1664px表紙・LP の節の間。角#
radius-sm4pxボタン、入力欄、チェックボックス、コードの背景。radius-md8pxカード、通知、ダイアログ。これより丸い角は面に使わない。radius-pill999px状態ピル、丸いボタン。