Links
📐

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).