Tipografía
Alineación #
Los pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
Utiliza texto alineado a la izquierda.
Los pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
No utilices texto centrado o justificado.
Los pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
No utilices texto alineado a la derecha.
Peso del texto #
Título del bloque
Los diferentes pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
Utiliza bold
para títulos o encabezados.
Utiliza semibold
para resaltar ciertos conceptos de un párrafo.
Utiliza regular
para el resto de párrafo.
Título del bloque
Los diferentes pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
No utilices otro peso para títulos o encabezados que no sea bold
.
No utilices bold
en párrafos.
Color del texto #
Texto principal
Texto secundario
Utiliza el color Contenido: black para títulos y párrafos en general.
Utiliza el color Contenido: neutral-dark para textos secundarios.
Texto principal
Texto secundario
No utilices otros colores ni tonos. Puede dar algunos problemas de legibilidad y accesibilidad.
Saltos de línea #
Los diferentes pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la distinta información.
Las líneas se van apilando de manera natural y automática.
Los pesos, tamaños y br
formatos de letra definidos sirven para jerarquizar el contenido y organizar la distinta in-br
formación.
No utilices saltos de línea manuales con br
, ya que genera problemas de accesibilidad.
No cortes palabras.
Enlaces #
Los diferentes pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
Inserta enlaces subrayados y con color primary-base (c-link
) o alert-base (c-link--alert
) si enlaza a errores.
Los diferentes pesos, tamaños y formatos de letra definidos sirven para jerarquizar el contenido y organizar la información.
No insertes enlaces sin subrayar ni con otros colores.
No utilices el color de Interaccion para texto que no enlaza.
Enlace al documento: Modelo de finanza (PDF, 20Kb).
Si enlazas a un archivo en línea o a una descarga directa, debes poner su nombre y entre paréntesis su formato y tamaño en Kb o Mb.
Utiliza un title
si se abre en ventana nueva.
Tienes el documento aquí.
Evita enlazar documentos a palabras sueltas. Especifica y detalla qué es lo que el usuario se va a encontrar al entrar al enlace.
Longitud de línea en escritorio #
Utiliza una longitud de línea hasta el 75% del ancho de la página para una legibilidad óptima.
No utilices una longitud de línea de más del 75% del ancho de la página. Empeora la legibilidad.