📐Espaciado

La consistencia en el uso de una escala de espaciados coherente mejora la legibilidad y aporta solidez a la interfaz.

Escala

Nuestra escala de espaciados está definida en base a 4px. Aunque estos valores estén exentos de uso semántico, no se deben utilizar valores que estén fuera de esta escala.

Token	Valor (rem)	Valor (px)
--size-spacing-00	0	0
--size-spacing-01	0.125	2
--size-spacing-02	0.25	4
--size-spacing-03	0.5	8
--size-spacing-04	1	16
--size-spacing-05	1.5	24
--size-spacing-06	2	32
--size-spacing-07	2.5	40
--size-spacing-08	3	48
--size-spacing-09	6	96
--size-spacing-10	12	192

Para utilizar estos valores en tokens semánticos con usos específicos en la interfaz, ver Decisiones (tokens de nivel 2).