Skip to content
Tipografía
La tipografía ayuda a jerarquizar la información y transmitir los valores de la marca.
Plural DS permite combinar dos familias tipográficas como punto de partida. Esto aporta flexibilidad a la hora de distinguir entre los elementos de mayor y menor peso en la interfaz.
Familia
Font family
Token
Valor
–family-font-01
‘Commissioner’
–family-font-02
‘Outfit’
There are no rows in this table
Escala
Como sucede con el , Plural DS cuenta con una acotación inicial de tamaños y pesos tipográficos que conforman la escala que utilizaremos en la interfaz. Sin embargo, en este punto es una mera escala sin roles semánticos o usos definidos.
No obstante, sí que existe una relación directa entre el tamaño y el interlineado.
Tamaño de fuente (font-size)
–size-font-01
0.75
12
–size-font-02
0.875
14
There are no rows in this table
Interlineado (line-height)
There are no rows in this table
En el siguiente nivel (), combinamos tokens de font-size, line-height, font-weight, font-style y font-family para crear estilos de texto que responden a usos específicos en la interfaz (ej.: title-medium).
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.