Familias tipográficas
Nunito
Una sans serif bien equilibrada con terminación redondeada para tipografía de visualización y display.
Open Sans
Optimizada para interfaces impresas, web y móviles, tiene excelentes características de legibilidad en sus formas de letras.
Usos
Títulos
Se utilizan para crear niveles de lectura jerárquicos.
Título 1
Título 2
Título 3
Título 4
Título 5
Título 6
Subtítulos
Se utilizan para acompañar a los títulos, agregando información con un nivel de jerarquía menor.
Cuerpos de texto
Se utilizan para todos los cuerpos de lectura extensa y como principal variable texto.
Open Sans Regular 16px
Open Sans Regular 13pxVolantas, etiquetas, fechas
Se utilizan para información adicional o elementos pequeños.
Epígrafes
Se utiliza para información adicional en fotos, o detalles en el texto.
Estilo para epígrafe
Destacados y citas
Se utiliza para citas, mencionando a su autor, o para enfatizar una frase o una idea dentro de un texto.
“Cada acción cuenta, si hacemos las cosas bien podemos salvar vidas y cuidarnos entre todos”
Horacio Rodríguez Larreta
Unidades
| Tipo | Tamaño | Interlineado |
|---|---|---|
| Título H1 | 37 px / 2,3125 rem | 44 px / 2,775 rem |
| Título H2 | 28 px / 1,75 rem | 34 px / 2,125 rem |
| Título H3 | 21 px / 1,3125 rem | 25 px / 1,575 rem |
| Título H4 | 19 px / 1,1875 rem | 23 px / 1,43 rem |
| Título H5 | 17 px / 1,0625 rem | 20 px / 1,275 rem |
| Título H6 | 16 px / 1 rem | 19 px / 1,2 rem |
| Subtítulo | 19 px / 1,1875 rem | 28 px / 1,75 rem |
| Cuerpo de texto 1 | 16 px / 1 rem | 24 px / 1,5 rem |
| Cuerpo de texto 2 | 13 px / 0,8125 rem | 19.5 px / 1,21 rem |
| Volantas, etiquetas, fechas | 13 px / 0,8125 rem | 19.5 px / 1,21 rem |
| Epígrafes | 11,7 px / 0,73125 rem | 17.5 px / 1.09 rem |
El interletrado en los casos mencionados es 0.
Formatos de texto
Bold o Negrita
Se utilizan para dar jerarquía dentro de una oración. Se admite este recurso solo en subtítulos, cuerpos de textos, volantas y etiquetas.
La Ciudad creó una nueva normativa de estacionamiento para que los vecinos entiendan fácilmente dónde...
Itálica
Se utiliza para destacar un texto con menor jerarquía que negrita. Se admite este recurso solo en subtítulos y cuerpos de textos.
La Ciudad creó una nueva normativa de estacionamiento para que los vecinos entiendan fácilmente dónde...
Diseño y estructura (contexto de uso)
La extensión es muy importante a la hora de interpretar un texto, mantenga los párrafos concisos. Algunos usuarios con discapacidades cognitivas (e incluso aquellos que no las tienen) pueden tener muchas dificultades para leer y comprender grandes bloques de texto.
- Proporcione un título descriptivo y claro.
- Use encabezados y subencabezados para jerarquizar el contenido para que las secciones sean claramente identificables.
- Use los tamaños de fuentes definidas ya que aseguran legibilidad.