間隔

二つのスケールと一つのルール。形は長さを書かず、ステップを費やします。これにより、二つのコンポーネントが一年離れていても、二ピクセルのリズムのずれが生じることはありません。

余白の段階

ヘアラインからページのマージンまでの九つのステップ。パディング、ギャップ、マージンはすべてここから生まれます — 二つのステップの間の値は、未決定の値です。

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

地域に与えられる幅と高さ：カラム、パネル、読み取りの基準。間隔のステップより大きく、同じ理由で使用されます。

--size-1

--size-2

--size-3

--size-4

--size-5

--size-6

コンパクトさは地域に属し、ウィジェットには属しません。コンパクトと宣言されたバーは、その中に持つものもコンパクトにします。なぜなら、それを持つトークンが継承するからです — 下のコンポーネントには、その位置が指示されません。

自分の密度を持つツールバーと、その中にあるボタン

コンパクトと宣言された同じツールバー — ボタンについては何も言われていません

自身の形を持たずにコンパクトと宣言された地域