Fundamentos

Espacio y forma

Escala de 4px: no existen 6, 10 ni 18px. La geometría es suave, nunca redonda.

Espaciado

space-14px

space-28px

space-312px

space-416px

space-520px

space-624px

space-832px

space-1040px

space-1248px

space-1664px

En Tailwind la escala coincide: p-4 = space-4. Alturas: h-control-sm/md/lg, área táctil size-target-min.

radius-xs

radius-sm

radius-md

radius-lg

radius-xl

radius-full

shadow-xsCampos en reposo

shadow-smTarjetas

shadow-mdMenús, popovers

shadow-lgModales

Guardar

focus-ring: 2px del color de página y 2px de brand, solo con :focus-visible.