Skip to content
Gallery
plural
Plural DS
Plural DS
Share
Explore
Opciones

Espaciado

La consistencia en el uso de una escala de espaciados coherente mejora la legibilidad y aporta solidez a la interfaz.
⁠
⁠
⁠
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.
Spacing
Token
Valor (px)
Valor (rem)
1
–size-spacing-00
0
0
2
–size-spacing-01
2
0.125
3
–size-spacing-02
4
0.25
4
–size-spacing-03
8
0.5
5
–size-spacing-04
16
1
6
–size-spacing-05
24
1.5
7
–size-spacing-06
32
2
8
–size-spacing-07
40
2.5
9
–size-spacing-08
48
3
10
–size-spacing-09
96
6
11
–size-spacing-10
192
12
There are no rows in this table
⁠
⁠
Imagen mostrando la escala de los espaciados del sistema.
⁠
⁠
info
Para utilizar estos valores en tokens semánticos con usos específicos en la interfaz, ver
Decisiones
⁠
(tokens de nivel 2).
Spacing
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.