Jarak

Dua skala dan satu aturan. Sebuah bentuk tidak menuliskan panjang: ia melewati satu langkah, yang menjaga agar dua komponen yang ditulis satu tahun terpisah tidak menjadi dua piksel keluar dari ritme.

Tingkat jarak

Sembilan langkah, dari garis tipis hingga margin halaman. Padding, celah, dan margin semuanya berasal dari sini — sebuah nilai antara dua langkah adalah nilai yang belum ditentukan.

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

Ukuran

Lebar dan tinggi yang diberikan pada suatu area: sebuah kolom, panel, ukuran bacaan. Lebih besar dari langkah jarak dan digunakan untuk alasan yang sama.

--size-1

--size-2

--size-3

--size-4

--size-5

--size-6

Kepadatan

Kepadatan milik suatu area dan bukan widget. Sebuah bilah yang dinyatakan padat membuat apa yang dipegangnya juga padat, karena token yang membawanya mewarisi — tidak ada komponen di bawah yang diberitahu di mana posisinya.

Toolbar pada kepadatannya sendiri, dan tombol-tombol yang dipegangnya

Toolbar yang sama dinyatakan padat — tidak ada yang dikatakan tentang tombol-tombolnya

Sebuah area dinyatakan padat tanpa menjadi bentuknya sendiri