Tipografías
✨ Concepto clave
Las tipografías nos permiten percibir texto legibles mediante la flexibilidad de estilos a través de su fuente, escala y roles.
.
Fuentes
ℹ️ Definición
Las fuentes son una atributo de un texto que posee diferentes propiedades como tamaño, peso y variantes.
.
Cuando utilizamos fuentes para nuestro producto, debemos tomar como referencia el soporte y acceso a dicha fuente. En uso, debemos tomar en cuenta el soporte para generar alternativas a través del peso y variantes de texto.
.
Sitios donde podemos obtener fuentes:
.
Escalas
ℹ️ Definición
Las escalas son estilos que pueden ser usados a lo largo de la aplicación, asegurando su flexibilidad entre los rangos propuestos.
.
De manera genérica, podemos estructurar un conjunto de escalas en función de la importancia (como large y small) o en función de su uso (como headline y caption).
.
Cada una de las escalas que etiquetemos, debemos pensar en una experiencia tipográfica cohesiva, es decir, que mantenga una relación a lo largo de su estructura.
.
Las categorías y sus variantes, son llamadas tokens. De las cuales, pueden ser acordadas entre equipos para definir una nomenclatura para la definición y estructuración.
.
✨ Concepto clave
La definición y agrupación de escalas pueden tomar como referencia metodologías como BEM y peso mediante numerales, (headline, title-900 , por ejemplo).
.
Roles
Las fuentes se comunica a través de diferencias en el peso y el tamaño de la misma, altura de las líneas y del espaciado entre letras.
.
La escala de tipos actualizada organiza los estilos en cinco roles que se nombran para describir sus propósitos: visualización, titular, título, etiqueta y cuerpo.
.
ℹ️ Definición
Los roles son abstracciones de la fuente aplicando una escala, para obtener variedad sobre los casos de usos.
.
Con los roles, podemos estructurar un tópico de un tema y popular casos de usos mediante diferentes vistas o componentes.
.
Mantener una sistema de roles, nos permite emplear diferentes filosofías de desarrollo (DRY, KISS, etc).
