Spatiëring

Twee schalen en één regel. Een vorm schrijft nooit een lengte: het neemt een stap, wat ervoor zorgt dat twee componenten die een jaar uit elkaar staan, niet twee pixels uit de maat zijn.

Afstandsniveaus

Negen stappen, van een haarlijn tot een paginamarge. Opvulling, openingen en marges komen hier vandaan — een waarde tussen twee stappen is een waarde die nog niet is vastgesteld.

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

Maten

De breedtes en hoogtes die aan een gebied zijn gegeven: een kolom, een paneel, een leesmaat. Groter dan een ruimtestap en gebruikt om dezelfde reden.

--size-1

--size-2

--size-3

--size-4

--size-5

--size-6

Dichtheid

Compactheid behoort tot een gebied en niet tot een widget. Een balk die als compact is verklaard, maakt wat het bevat ook compact, omdat de tokens die het dragen, erven — geen component eronder wordt verteld waar het staat.

Een toolbar op zijn eigen dichtheid, en de knoppen die het bevat

Dezelfde toolbar als compact verklaard — er is niets gezegd over de knoppen

Een gebied dat als compact is verklaard zonder een eigen vorm te zijn