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

Formas

La forma de los elementos de una interfaz define el grado de consistencia de la misma.
⁠
⁠
⁠
Plural DS describe la forma de los elementos con tres propiedades: border-radius, border-width y border-style. Para cada una de estas propiedades, contamos con una acotación de valores que utilizamos para definir todos los elementos de la interfaz.
Border radius
Token
Valor (rem)
Valor (px)
1
–size-border-radius-00
0
0 (squared)
2
–size-border-radius-01
0.25
4
3
–size-border-radius-02
0.5
8
4
–size-border-radius-03
3
48 (full rounded)
There are no rows in this table
⁠
⁠
Imagen mostrando la escala de los border radius, 0, 4, 8 y 48 pixeles.
⁠
⁠
⁠
Imagen mostrando los diferentes opciones de border radius aplicados a cada esquina formas cuadradas.
⁠
⁠
Border width
Token
Valor (rem)
Valor (px)
1
–size-border-width-01
0.063
1
2
–size-border-width-02
0.125
2
There are no rows in this table
⁠
Border style
Token
Valor
1
–style-border-01
solid
2
–style-border-02
dotted
3
–style-border-03
dashed
There are no rows in this table
⁠


Border radius
Border width
Border style
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.