Espaçamento

Duas escalas e uma regra. Uma forma nunca escreve um comprimento: ela ocupa um espaço, que é o que mantém dois componentes escritos a um ano de distância de estarem dois pixels fora de ritmo.

Níveis de espaçamento

Nove passos, de uma linha fina a uma margem de página. Espaçamento, lacunas e margens vêm de aqui — um valor entre dois passos é um valor que não foi decidido.

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

Tamanhos

As larguras e alturas que uma região recebe: uma coluna, um painel, uma medida de leitura. Maior que um passo de espaçamento e usado pela mesma razão.

--size-1

--size-2

--size-3

--size-4

--size-5

--size-6

Densidade

A compactação pertence a uma região e não a um widget. Uma barra declarada compacta torna o que ela contém compacto também, porque os tokens que a transportam herdam — nenhum componente abaixo é informado sobre sua posição.

Uma barra de ferramentas em sua própria densidade, e os botões que ela contém

A mesma barra de ferramentas declarada compacta — nada foi dito sobre os botões

Uma região declarada compacta sem ser uma forma própria