faculdadephorte.edu.br

Espaçamento

13 degraus, com salto crescente — apertado no detalhe, generoso entre seções. Cada degrau é um token do sistema.

A escala

espaco-0-52px

espaco-14px

espaco-28px

espaco-312px

espaco-416px

espaco-520px

espaco-624px

espaco-832px

espaco-1040px

espaco-1248px

espaco-1664px

espaco-2080px

espaco-2496px

Use como gap-espaco-4, p-espaco-6, mt-espaco-8 — o mesmo token em qualquer propriedade de espaço.

espaco-1 a espaco-3

Dentro de um elemento

Ícone e rótulo, chip e texto, itens de uma mesma linha.

espaco-4 a espaco-8

Entre elementos

Campos de um formulário, cards de uma grade, itens de lista.

espaco-10 a espaco-16

Entre seções

Blocos de uma página, separação de assuntos diferentes.