Temeller

Boşluk

Taban 4px, dokuz adım. Her adım kontrol · kutu · düzen katmanlarından birine ait.

--sp-*

Boşluk ölçeğitaban 4px · dokuz adım · ara değer yok

--sp-h—controlhairline · optical trim between badge and text

--sp-1—controlinside a control · the tightest icon-to-label gap

--sp-2—controlinline · button gap, chip gap

--sp-3—boxinside a box · field gap, list row

--sp-4—boxgrid gap · between cards, heading to content

--sp-5—boxcard padding · a surface's own margin

--sp-6—layoutcolumn gap · where two blocks sit side by side

--sp-7—layoutsection gap · between two sections on a page

--sp-8—layoutpage foot · where the content ends

Katman adı boş bir etiket değil: bir düğmenin iç boşluğu ile iki bölüm arası aynı basamağı kullanırsa ritim kayar. Kontrol katmanı kutunun içinde, düzen katmanı sayfanın kendisinde yaşıyor — biri ötekinin yerine geçmez. Tek istisna --sp-h: 4'ün altındaki tek meşru kırpma, kendi başına bir ölçü değil.