Cómo crear un sistema tipográfico de marca

Un sistema tipográfico de marca convierte las tipografías ya seleccionadas en reglas repetibles: asigna funciones textuales, define jerarquía, relaciona tamaño y espaciado, documenta usos y excepciones, y prueba el conjunto en diseños representativos. La coherencia no exige valores idénticos en todos los formatos; exige conservar las relaciones entre funciones y ajustar los valores cuando cambian el contenido, el espacio disponible o las condiciones de lectura.

Tabla de contenidos⌄

Establecer funciones claras para cada tipografía de marca

Cada tipografía seleccionada necesita una responsabilidad definida antes de poder aplicar la jerarquía y la escala de forma coherente.

Una función tipográfica de marca establece de qué es responsable la tipografía, el contexto de uso al que sirve y dónde se permiten excepciones a esa responsabilidad.

La asignación de funciones comienza con las tipografías ya seleccionadas, no añadiendo tipografías para llenar un conjunto predeterminado de categorías.

Una misma tipografía puede cumplir varias funciones cuando los cambios de peso, tamaño o tratamiento proporcionan las distinciones que el sistema necesita, mientras que una tipografía secundaria o de acento solo es útil cuando tiene una función de contenido recurrente y diferenciada.

La selección de tipografías es una decisión previa; este paso de planificación comienza después de elegir las tipografías de marca.

El siguiente ejemplo etiqueta responsabilidades, no recomienda un número o combinación concretos de tipografías.

Las categorías de función que aparecen a continuación separan responsabilidades, no preferencias de selección de tipografías.

Una función diferenciada tiene una función comunicativa claramente establecida que se repite en el contexto de uso; una función redundante duplica una responsabilidad que otra tipografía ya cubre.

Funciones que debe distinguir el sistema

• Tipografía principal: asigne la función principal a la tipografía que asume la responsabilidad principal del texto recurrente en el contexto de uso definido.
• Tipografía secundaria: asigne una función secundaria solo cuando la tipografía respalde una función comunicativa recurrente y diferenciada que la función principal no cubra.
• Tipografía de acento: reserve la función de acento para una función limitada y controlada cuando esta se repita; en caso contrario, la función adicional resulta redundante.
• Excepción de función: registre una excepción cuando un medio o formato requiera un tratamiento distinto, manteniendo explícita la responsabilidad para ese contexto de uso.

Una asignación clara de funciones reduce los cambios arbitrarios entre tipografías en diseños por lo demás similares y proporciona a la jerarquía posterior un conjunto estable de responsabilidades con las que trabajar.

Por ejemplo, si dos tipografías seleccionadas pueden desempeñar la misma función de contenido recurrente sin una distinción establecida, diseños similares pueden asignar ese contenido de forma diferente; definir qué tipografía asume la función, y cuándo se aplica una excepción, hace explícita la responsabilidad y favorece la coherencia.

Definir las responsabilidades de las tipografías principal, secundaria y de acento

Las etiquetas de tipografía principal, secundaria y de acento describen responsabilidades diferentes, no un número obligatorio de tipografías.

Una tipografía principal puede asumir la comunicación más destacada y frecuente, mientras que las funciones secundaria y de acento existen solo cuando aportan una función diferenciada.

Un sistema puede tener menos de tres tipografías distintas aunque contenga múltiples funciones textuales, porque una misma tipografía puede cumplir más de una responsabilidad.

Una tipografía secundaria se justifica cuando aporta un contraste funcional recurrente y diferenciado; una tipografía de acento, cuando un énfasis limitado cumple un propósito específico y controlado.

El diagrama distingue estas clases de responsabilidad por prominencia y frecuencia de uso relativas, no presentándolas como una fórmula fija.

• Tipografía principal: asume la responsabilidad principal de comunicación con la mayor prominencia o frecuencia del sistema. Su limitación es la claridad de función: el uso frecuente permanece ligado a su función definida, sin extenderse a cualquier tratamiento.
• Tipografía secundaria: respalda una función recurrente en la que el contraste funcional cumple una función auxiliar diferenciada. Puede omitirse cuando ese contraste no añade una responsabilidad separada.
• Tipografía de acento: se reserva para un énfasis de uso limitado con un propósito específico y controlado. La función de acento puede omitirse cuando no añade ninguna función diferenciada más allá de las responsabilidades ya cubiertas por la función principal o secundaria.

Asignar cada tipografía a funciones de contenido específicas

Asigne cada función de contenido recurrente a una función tipográfica aprobada y un tratamiento permitido, de modo que el mismo tipo de contenido no se formatee de forma diferente de un diseño a otro.

El texto de gran formato, los titulares, el texto de cuerpo, las etiquetas, los pies de foto y el texto auxiliar pueden compartir una tipografía cuando sus tratamientos aprobados distinguen claramente sus funciones.

Asigne las funciones de lectura de alta prioridad según el énfasis y la legibilidad que requieran, mientras que las funciones auxiliares pueden usar tratamientos menos prominentes dentro de una función tipográfica aprobada.

El texto de cuerpo debe priorizar la legibilidad, con el longitud de línea y el espaciado tratados como parte de su tratamiento permitido, mientras que el texto de gran formato y los titulares pueden usar mayor prominencia y contraste.

Las etiquetas, los pies de foto y el texto auxiliar apoyan el contenido principal y deben seguir siendo identificables sin requerir una tipografía diferente para cada función.

El ejemplo asigna estas funciones de contenido recurrentes a funciones aprobadas dentro de un diseño coherente.

• Texto de gran formato y titulares: asigne estas funciones de contenido destacadas a la función tipográfica aprobada responsable del énfasis, utilizando solo el tratamiento permitido para esa función.
• Texto de cuerpo: asigne el texto de cuerpo a la función tipográfica destinada a la lectura continuada, con un tratamiento que favorezca la legibilidad mediante un tamaño, longitud de línea y espaciado adecuados para el diseño.
• Etiquetas: asigne las etiquetas recurrentes a una función tipográfica auxiliar aprobada y un tratamiento que mantenga diferenciado el texto funcional breve sin asignar otra tipografía únicamente a esa función.
• Pies de foto: asigne los pies de foto a una función tipográfica auxiliar con un tratamiento que distinga el texto contextual manteniéndolo subordinado al contenido que describe.
• Texto auxiliar: asigne el texto auxiliar a una función tipográfica aprobada y un tratamiento moderado acorde a su función de apoyo y frecuencia de uso.

Cuando una misma tipografía sirve a varias funciones de contenido, el tamaño, el peso o el espaciado pueden distinguir los tratamientos permitidos sin cambiar la función tipográfica subyacente.

Mantenga la asignación explícita: cada función de contenido recurrente utiliza una función tipográfica y un tratamiento aprobados, en lugar de provocar cambios de tipografía sobre la marcha.

Construir una jerarquía tipográfica clara

Una jerarquía tipográfica ordena el texto según la prioridad de la información, utilizando diferencias visuales para indicar qué contenido debe recibir atención primero y qué contenido lo apoya.

La jerarquía tipográfica funciona cuando cada nivel de titular y tratamiento de texto de cuerpo refleja de forma coherente la importancia relativa, sin depender únicamente del tamaño.

El tamaño, el peso, el estilo y el espaciado contribuyen juntos al contraste, por lo que una función textual más destacada no necesita diferir del siguiente nivel en todos los atributos.

El tamaño puede aumentar la prominencia, el peso o el estilo pueden reforzar la distinción, y el espaciado puede aclarar las relaciones entre un nivel de titular y el contenido que lo rodea.

Un contraste coordinado hace que la prioridad visual sea más clara que cambiar el tamaño dejando ambiguas otras relaciones relevantes.

El ejemplo anotado muestra cómo la prioridad de la información puede expresarse mediante diferencias coordinadas en prominencia, peso y espaciado, manteniendo el texto de cuerpo como un nivel de lectura estable.

Verifique la jerarquía tipográfica comparando niveles adyacentes: cada uno debe ser lo suficientemente distinguible para comunicar un cambio en la prioridad de la información sin hacer que cada diferencia sea extrema.

Si dos niveles vecinos parecen demasiado similares, la señal visual entre grupos de información se debilita; ajuste el tamaño, peso, estilo o espaciado correspondiente hasta que la distinción favorezca el significado y el escaneo visual.

El ejemplo ordenado que aparece a continuación ilustra la prominencia decreciente y la relación entre niveles, sin prescribir un sistema de nomenclatura obligatorio ni una especificación fija.

Secuencia de prioridad

1. Texto de máxima prioridad: señala el foco principal de información mediante la prominencia adecuada más fuerte y una separación clara del contenido de apoyo.
2. Nivel de titular principal: identifica una división importante del contenido con suficiente contraste tanto con el texto de máxima prioridad como con el nivel siguiente.
3. Nivel de titular auxiliar: diferencia un grupo de información subordinado manteniendo una relación visible con el titular principal que lo precede.
4. Texto de cuerpo: transporta el contenido de lectura continuada con menos prominencia que los titulares, manteniendo la legibilidad y una relación clara con el titular al que sigue.
5. Texto auxiliar: maneja información secundaria con prominencia moderada, manteniéndose distinguible y legible en su contexto.

Definir niveles de titular por importancia

Cada nivel de titular debe indicar un grado distinto de importancia semántica sin dejar de formar parte del mismo sistema tipográfico coordinado.

Diferencie los niveles de titular por su prominencia relativa y por su relación con los niveles adyacentes, en lugar de asignar tamaños o proporciones universales en puntos.

El tamaño, el peso, el estilo y el espaciado pueden funcionar conjuntamente para crear el contraste necesario entre niveles adyacentes, y la combinación puede variar según el diseño y el contenido.

El ejemplo anotado muestra la separación relativa entre niveles de titular adyacentes mediante diferencias coherentes en prominencia y espaciado, en lugar de tratar un único atributo visual como regla.

Los criterios siguientes verifican distinciones relativas, no tamaños absolutos.

Aplíquelos desde la importancia semántica hasta la ejecución visual, de modo que cada nivel de titular tenga una relación clara con los niveles que lo rodean.

• Importancia semántica: asigne mayor prominencia a un nivel de titular cuando su contenido tenga mayor importancia estructural dentro del contexto actual, manteniendo los niveles inferiores visiblemente subordinados.
• Separación entre niveles adyacentes: diferencie los niveles vecinos con suficiente contraste en tamaño, peso, estilo, espaciado o una combinación coordinada de estos atributos para que sus funciones distintas sean evidentes sin un contraste excesivo.
• Coherencia: utilice el mismo tratamiento para el mismo nivel de titular en contextos equivalentes, de modo que su importancia relativa se mantenga coherente dentro del sistema tipográfico.
• Ajuste práctico: verifique cada tratamiento en su diseño real y ajuste la combinación de tamaño, peso, estilo o espaciado cuando los niveles adyacentes no sean suficientemente distintos o estén innecesariamente separados.

Definir niveles de texto de cuerpo, etiqueta, pie de foto y texto auxiliar

El texto de cuerpo, la etiqueta, el pie de foto y el texto auxiliar son niveles de texto auxiliares con diferentes tareas de lectura, por lo que sus tratamientos deben reflejar distintos requisitos de legibilidad, prominencia y densidad.

El texto de cuerpo sirve para lectura continuada, mientras que las etiquetas, los pies de foto y el texto auxiliar apoyan tareas de lectura más breves y específicas.

El texto de cuerpo requiere un tratamiento que favorezca la legibilidad sostenida, incluyendo un tamaño, peso, espaciado y longitud de línea adecuados para su contexto de lectura.

El texto auxiliar breve puede usar menor prominencia o mayor densidad cuando la tarea de lectura lo permite, pero la subordinación visual no debe ir en detrimento de la legibilidad.

La combinación exacta de tamaño, peso y espaciado depende, por tanto, del contenido, el diseño y las condiciones de lectura previstas, y no de una especificación fija.

El ejemplo anotado muestra estas diferentes tareas de lectura en un mismo diseño, permitiendo comparar en contexto la prominencia y legibilidad relativas del texto de cuerpo, las etiquetas, los pies de foto y el texto auxiliar.

Las categorías difieren porque sus tareas de lectura difieren.

Ajuste cada tratamiento a la cantidad de lectura, la prominencia requerida, la densidad del contenido y las condiciones en las que el texto debe permanecer legible.

• Texto de cuerpo: sirve para lectura continuada, por lo que priorice la legibilidad sostenida con suficiente prominencia y un tamaño, peso, espaciado y longitud de línea adecuados al contenido y al diseño.
• Etiqueta: identifica o categoriza un elemento mediante una tarea de lectura breve, por lo que puede usar prominencia moderada y un tratamiento compacto cuando la etiqueta siga siendo claramente legible en su contexto.
• Pie de foto: apoya el contenido cercano con información explicativa o identificativa breve, por lo que mantenga su prominencia subordinada a ese contenido, con suficiente espaciado y legibilidad para una lectura cómoda.
• Texto auxiliar: apoya tareas de lectura funcionales breves, por lo que su tratamiento puede ser compacto y de prominencia relativamente baja cuando su tamaño, peso y espaciado sigan haciendo legible la información en las condiciones de lectura previstas.

Establecer un sistema de escala tipográfica y espaciado coherente

Una escala tipográfica controla las relaciones de tamaño relativas entre las funciones textuales, mientras que el espaciado coordina el interlineado, el ritmo vertical y la separación entre esas funciones.

En conjunto, la escala tipográfica y el sistema de espaciado hacen que la jerarquía sea repetible sin exigir que cada formato utilice valores numéricos idénticos.

Parta de un tamaño base adecuado al contexto de lectura y derive cada función textual mediante una relación de tamaño relativa, en lugar de tratar los tamaños individuales como elecciones no relacionadas.

Una proporción de escala puede proporcionar coherencia matemática, pero ninguna proporción es universalmente correcta; su valor práctico depende de si la jerarquía resultante se mantiene clara para la densidad de contenido y el formato.

Coordine el interlineado y el espaciado con esos tamaños relativos para que las funciones más destacadas y las auxiliares sigan estando visualmente relacionadas.

Cuando el formato cambie, conserve las relaciones previstas aunque los valores individuales necesiten ajuste.

Relaciones que deben permanecer coherentes

• Tamaño relativo: relacione cada función textual con el tamaño base para que los cambios de prominencia sigan una escala tipográfica repetible en lugar de decisiones de tamaño aisladas.
• Espaciado: coordine el interlineado y el espaciado vertical con la tarea de lectura de cada función textual para que la separación favorezca tanto la legibilidad como la jerarquía.
• Usabilidad práctica: trate la coherencia matemática como una relación de partida y pruebe si la densidad de contenido, la jerarquía y el formato hacen que la escala y el espaciado resultantes sean utilizables en contexto.

Pruebe la escala tipográfica y el sistema de espaciado combinados en diseños representativos, comprobando si las funciones textuales siguen siendo distinguibles y legibles sin una separación excesiva o insuficiente.

Si la jerarquía o la legibilidad se debilitan en un formato diferente, ajuste los valores manteniendo la misma lógica relativa.

La coherencia proviene de relaciones repetibles entre tamaño y espaciado, no de forzar cada contexto a un conjunto exacto de valores.

Elegir un tamaño base y una proporción de escala

El tamaño base sirve como punto de referencia a partir del cual otras funciones textuales derivan sus tamaños relativos, mientras que la proporción de escala determina el grado de separación entre esos tamaños derivados.

Una proporción de escala mayor crea un mayor contraste entre los niveles de jerarquía, mientras que una proporción menor mantiene sus diferencias de tamaño relativo más cercanas; ninguna elección es universalmente adecuada sin considerar el contexto de lectura.

La legibilidad debe guiar si el tamaño base y los tamaños derivados siguen siendo prácticos, mientras que la densidad de contenido y el espacio disponible afectan cuánta separación puede admitir el formato.

El número de niveles de jerarquía también importa porque la proporción de escala acumula la separación relativa entre funciones sucesivas.

Por tanto, una escala matemáticamente coherente requiere probarse con el contenido y el formato reales, no una aceptación automática de sus tamaños derivados.

Los criterios siguientes determinan si la relación entre el tamaño base, la proporción de escala y los tamaños derivados produce una jerarquía prácticamente utilizable.

Evalúelos conjuntamente porque aumentar el contraste puede aclarar la separación entre niveles a la vez que cambia la eficiencia con la que el contenido se ajusta al espacio disponible.

• Legibilidad: verifique que el tamaño base y los tamaños derivados sigan siendo cómodos de leer en el formato y las condiciones de lectura previstos.
• Densidad de contenido: compruebe si los tamaños relativos resultantes conservan suficiente espacio para la cantidad de contenido sin debilitar la jerarquía prevista.
• Espacio disponible: evalúe si los tamaños derivados y el contraste resultante se ajustan al diseño sin forzar las funciones textuales a proporciones poco prácticas.
• Profundidad de la jerarquía: pruebe si la proporción de escala crea una distinción suficiente entre los niveles de jerarquía necesarios sin producir una separación excesiva entre las funciones más pequeñas y las más grandes.

Establecer el interlineado y el espaciado para cada función textual

El interlineado y el espaciado vertical deben variar según la función textual y sus condiciones de lectura, en lugar de usar un mismo factor en todo el sistema tipográfico.

El texto de cuerpo, los titulares y el texto auxiliar tienen necesidades de espaciado distintas porque su tamaño, peso, longitud de línea y densidad de lectura son diferentes.

Una longitud de línea mayor o una densidad de lectura más alta pueden requerir más interlineado para mantener las líneas sucesivas claramente separadas, mientras que los titulares más grandes o con más peso pueden usar un interlineado más ajustado cuando sus líneas siguen siendo distintas.

La separación vertical apoya la jerarquía al separar diferentes grupos de contenido y mantener el texto relacionado visualmente agrupado.

Pruebe la cantidad con las métricas reales de la tipografía, el tamaño, la longitud de línea, la densidad de contenido y el formato, en lugar de asumir que un mismo factor fijo se aplica a cada función.

Las condiciones por función que aparecen a continuación conectan cada estado tipográfico con su requisito de espaciado y la consecuencia resultante para la legibilidad o la jerarquía.

Use estas relaciones como puntos de partida ajustables y verifique conjuntamente la legibilidad y la jerarquía en el contexto previsto.

• Texto de cuerpo: use un interlineado que favorezca la lectura continuada con el tamaño y la longitud de línea elegidos; las líneas más densas o más largas pueden requerir más separación entre líneas para mantener la legibilidad.
• Titulares: evalúe el interlineado en función del tamaño, el peso y el ajuste de línea del titular; los titulares más grandes o con más peso pueden usar un interlineado más ajustado cuando las líneas adyacentes siguen siendo distintas, mientras que el espaciado vertical debe preservar su prominencia y separación del contenido circundante.
• Etiquetas y pies de foto: mantenga el texto auxiliar compacto legible en su tamaño y densidad elegidos, usando suficiente interlineado para el texto de varias líneas y suficiente espaciado vertical para mantener su relación con el contenido que identifica o describe.
• Contextos densos o limitados: pruebe cualquier reducción del interlineado o del espaciado vertical frente a la legibilidad y la jerarquía, en lugar de comprimir cada función textual en la misma medida.

Definir reglas de uso tipográfico

Las reglas de uso tipográfico son restricciones repetibles para aplicar el sistema tipográfico aprobado una vez definidas sus funciones.

Especifican estados y condiciones permitidos para que las decisiones de diseño recurrentes puedan aplicarse de forma coherente, en lugar de resolverse de memoria o según el gusto individual.

Las reglas deben cubrir las tipografías aprobadas y sus asignaciones de función, los pesos y estilos permitidos, el reglas de tamaño, el espaciado y las condiciones bajo las cuales las excepciones están justificadas.

Cada regla debe distinguir la aplicación estándar de una excepción permitida, para que los diseñadores sepan qué puede usarse directamente y qué requiere una razón explícita.

Estas reglas son específicas de la tipografía; documentarlas dentro de unas directrices de marca más amplias es una tarea de gobernanza independiente.

La lista siguiente convierte esas decisiones tipográficas en restricciones operativas repetibles.

Reglas operativas

• Tipografías aprobadas: permita solo las tipografías ya asignadas al sistema tipográfico para aplicaciones estándar; introducir otra tipografía requiere una excepción justificada, no una sustitución improvisada.
• Asignaciones de función: aplique cada tipografía aprobada a su función de contenido definida; cambiar esa asignación requiere una condición explícita en la que la función estándar no puede satisfacer adecuadamente la necesidad.
• Pesos y estilos: utilice los pesos y estilos aprobados para la función correspondiente; un peso o estilo no aprobado debe tratarse como una excepción, no como una variación habitual.
• Comportamiento de tamaño: conserve las relaciones de jerarquía definidas cuando los tamaños de texto se adapten a un formato o condición de lectura, en lugar de elegir tamaños aislados por gusto.
• Espaciado: aplique las relaciones de interlineado y espaciado vertical establecidas para cada función textual, ajustándolas solo cuando la condición de lectura o el formato requieran una excepción justificada.
• Excepciones: documente por qué es necesaria una desviación, dónde se aplica y si debe seguir siendo excepcional o normalizarse como un estado aprobado cuando la misma necesidad se repite.

Las excepciones explícitas limitan la deriva no documentada al separar las desviaciones intencionadas de la variación accidental.

Por ejemplo, si una función de titular habitual necesita un énfasis mayor, la regla indica al diseñador que use sus tratamientos aprobados o documente una excepción, en lugar de improvisar una tipografía o un peso adicional.

Esto mantiene las reglas de uso tipográfico repetibles y, al mismo tiempo, permite cambios justificados cuando la aplicación estándar no se ajusta al contexto.

Controlar pesos, estilos, uso de mayúsculas y énfasis

El peso de la tipografía, el estilo, el uso de mayúsculas y el énfasis deben señalar el significado o la prioridad dentro de la jerarquía tipográfica, no añadir decoración arbitraria.

Cada tratamiento necesita un uso permitido para que el contraste previsto siga siendo reconocible sin crear variantes no controladas.

El énfasis con propósito utiliza un tratamiento aprobado cuando comunica un cambio distinto en significado, función o prominencia; el énfasis redundante añade tratamientos sin agregar un propósito comunicativo diferenciado.

El peso de la tipografía, el estilo itálico y el uso de mayúsculas pueden crear contraste cada uno, pero no deben combinarse múltiples tratamientos a menos que cada uno contribuya con un significado distinto.

Las combinaciones repetidas o innecesarias pueden crear competición visual y debilitar la coherencia de los patrones de énfasis establecidos.

Aplique los criterios siguientes seleccionando el tratamiento mínimo necesario para comunicar el énfasis previsto.

• Peso de la tipografía: use un peso aprobado cuando una mayor o menor prominencia respalde la función textual y la jerarquía; añadir peso sin un propósito de énfasis distinto crea contraste redundante y aumenta el riesgo de uso excesivo.
• Estilo: reserve un estilo aprobado, como el estilo itálico, para situaciones en las que comunique una distinción o énfasis definidos; la repetición del estilo sin un significado separado puede reducir su utilidad como señal.
• Uso de mayúsculas: use mayúsculas aprobadas cuando distingan una función definida, como un tratamiento de etiqueta, preservando la legibilidad en ese contexto; cambiar el uso de mayúsculas únicamente para lograr un impacto visual más fuerte crea otra variante sin añadir necesariamente significado.
• Combinaciones de énfasis: combine peso, estilo o uso de mayúsculas solo cuando cada tratamiento contribuya a un propósito comunicativo distinto; en caso contrario, use el mínimo énfasis permitido necesario para crear el contraste requerido sin competición visual innecesaria.

Establecer la alineación y los límites de longitud de línea

La alineación y la longitud de línea deben apoyar el flujo de lectura en función del contenido real, la dirección de lectura y las condiciones del formato, en lugar de seguir un único ajuste universal.

Para el texto de cuerpo, la medida adecuada depende de factores como el tamaño de la tipografía, sus métricas, el ancho disponible y la cantidad de lectura continuada, mientras que el texto corto de exhibición puede usar relaciones de longitud de línea diferentes porque su tarea de lectura es distinta.

La alineación del texto debe evaluarse en función de la dirección de lectura y el tipo de contenido, de modo que el borde de inicio, la agrupación y el diseño circundante favorezcan la facilidad de escaneo.

La longitud de línea afecta a la cantidad de texto que aparece antes de que el lector pase a la línea siguiente, pero un recuento de caracteres por sí solo no determina la legibilidad, porque el ancho de los caracteres varía según la tipografía, el tamaño y sus métricas.

El texto de cuerpo extenso necesita, por tanto, una medida adecuada para la lectura continuada, mientras que el texto corto de exhibición puede usar una medida más ancha o más estrecha cuando su tamaño, prominencia y duración de lectura limitada hacen que ese tratamiento sea apropiado.

Los criterios siguientes determinan la alineación y la medida adecuadas conectando cada variable con su condición de lectura e implicación práctica.

• Dirección de lectura: elija una alineación que favorezca la dirección en la que se lee el texto y proporcione un punto de inicio predecible para las líneas sucesivas; evalúe una alineación alternativa cuando el contenido tenga un propósito funcional o de presentación diferente.
• Tipo de contenido: asigne al texto de cuerpo extenso una medida que favorezca la lectura continuada, mientras evalúa los titulares cortos y el texto de gran formato según su tarea de lectura más breve, en lugar de aplicar el límite del texto de cuerpo sin cambios.
• Medida disponible: evalúe la longitud de línea en función del tamaño de la tipografía, sus métricas, el ancho disponible y el recuento de caracteres resultante; trate la orientación sobre recuento de caracteres como contextual, no como un umbral universal.
• Diseño circundante: mantenga la alineación y la medida de línea coherentes con el diseño establecido cuando esa relación favorezca la facilidad de escaneo y la legibilidad, y ajústelas cuando el contenido o el formato creen una condición de lectura materialmente diferente.

En texto corrido en pantalla, aproximadamente 45–75 caracteres por línea, incluidos los espacios, puede servir como intervalo orientativo de partida; no constituye una longitud ideal fija entre tipografías, tamaños, medios y tipos de contenido.

Verifique la medida resultante con contenido representativo en el formato previsto, comprobando que las transiciones entre líneas, la facilidad de escaneo y la legibilidad sigan siendo adecuadas para la tarea de lectura.

Probar el sistema tipográfico en diseños de marca representativos

La prueba del sistema tipográfico debe utilizar un diseño representativo porque las definiciones de estilo aisladas no pueden mostrar cómo se comportan las funciones aprobadas, la escala tipográfica y el espaciado bajo una presión de contenido realista.

Probar más de una condición representativa puede exponer problemas de jerarquía, legibilidad y coherencia de funciones que quizá no aparezcan en una única maqueta.

Seleccione situaciones de contenido contrastadas sin convertir la prueba en una auditoría de marca más amplia.

Un diseño compacto puede tensar el espacio limitado, las funciones textuales cortas y las relaciones de jerarquía cercanas, mientras que un diseño con mucho contenido puede exponer problemas diferentes cuando el texto de cuerpo más largo y múltiples niveles de jerarquía deben coexistir.

Aplique el mismo sistema tipográfico aprobado a ambas condiciones para que las diferencias observadas puedan atribuirse a la condición del diseño y no a un cambio innecesario en el sistema.

Un diseño que funciona debe considerarse válido para la condición que se ha probado, no como una validación universal para cualquier formato.

Registre cada fallo como una relación observada entre la condición del diseño y el estado tipográfico aplicado, luego ajuste la variable relevante más pequeña, como un tratamiento de función, una relación de escala tipográfica o una relación de espaciado.

La secuencia siguiente mantiene cada prueba observable y requiere una nueva prueba tras un ajuste antes de aceptar el estado revisado.

Secuencia de prueba

1. Seleccionar contenido representativo: elija situaciones de contenido realistas que ejerzan diferentes presiones sobre el sistema tipográfico, incluyendo un diseño compacto y un diseño con mucho contenido cuando sea apropiado.
2. Aplicar el sistema: use las funciones tipográficas aprobadas, la escala tipográfica y las relaciones de espaciado sin introducir cambios tipográficos no relacionados durante la prueba.
3. Observar el resultado: inspeccione la jerarquía, la legibilidad y la coherencia de funciones en cada diseño representativo, anotando dónde el estado tipográfico aplicado se vuelve poco claro o poco práctico bajo esa condición.
4. Registrar fallos: identifique la condición específica y la variable tipográfica asociada a cada problema observado para que el ajuste siga siendo selectivo y no se convierta en un rediseño amplio.
5. Ajustar y volver a probar: cambie la variable más pequeña necesaria, reaplique el sistema tipográfico al diseño representativo afectado y vuelva a probar el resultado antes de conservar el ajuste.

Verificar jerarquía, legibilidad y coherencia de funciones

La verificación tipográfica debe comprobar si el contraste jerárquico mantiene los niveles adyacentes distinguibles, el texto de cuerpo sigue siendo legible y la cumplimiento de las funciones coincide con el sistema tipográfico aprobado.

Utilice condiciones observables de aprobado/no aprobado para jerarquía, legibilidad, uso de funciones, coherencia de espaciado y control de excepciones, en lugar de juicios estéticos subjetivos.

Criterios observables de aprobado/no aprobado

• Contraste jerárquico: compruebe los niveles adyacentes de jerarquía en contenido representativo. Aprueba cuando cada nivel es distinguible del nivel contiguo; no aprueba cuando los niveles adyacentes son demasiado similares para comunicar su distinción prevista.
• Legibilidad del texto de cuerpo: compruebe el texto de cuerpo con su longitud de línea y espaciado aplicados en las condiciones de diseño probadas. Aprueba cuando el texto extenso sigue siendo legible en ese contexto; no aprueba cuando el tratamiento aplicado interfiere con la lectura continuada.
• Cumplimiento de la función: verifique que cada función de contenido recurrente utiliza su función tipográfica y tratamiento aprobados. Aprueba cuando las asignaciones coinciden con el sistema definido; no aprueba cuando una función utiliza una tipografía, peso, estilo u otro tratamiento no aprobado sin una excepción documentada.
• Coherencia de espaciado: compruebe las funciones textuales equivalentes en condiciones comparables para las relaciones de espaciado aprobadas. Aprueba cuando esas relaciones se mantienen coherentes; no aprueba cuando funciones equivalentes usan variaciones de espaciado sin explicación.
• Control de énfasis: compruebe si los pesos, estilos o usos de mayúsculas empleados para el énfasis pertenecen al tratamiento aprobado para esa función. Aprueba cuando el énfasis coincide con la regla de uso definida; no aprueba cuando aparece un estilo no aprobado sin una excepción explícita.
• Control de excepciones: compruebe cada desviación de una función o tratamiento aprobado. Aprueba cuando la excepción está documentada y limitada a su condición indicada; no aprueba cuando la desviación no está documentada, en cuyo caso debe documentarse como una excepción justificada o corregirse para que coincida con el sistema aprobado.

Adaptar tamaños de tipografía y espaciado para diferentes formatos

La adaptación de formato puede modificar los valores exactos de tamaño de tipografía y espaciado cuando una nueva restricción del formato cambia el espacio disponible o las condiciones de lectura, mientras que la jerarquía relativa y cada función textual deben seguir siendo reconocibles.

El objetivo es la coherencia en las relaciones entre funciones, no valores numéricos idénticos entre formatos.

El espacio disponible puede requerir tamaños de tipografía más pequeños o más grandes, o un espaciado más ajustado o más holgado, cuando el tratamiento existente ya no se ajusta adecuadamente al formato.

La distancia de visualización puede justificar un tamaño de tipografía diferente cuando el texto debe seguir siendo legible en una condición de lectura modificada, mientras que una mayor densidad de contenido puede requerir ajustes controlados de espaciado para acomodar el contenido sin aplanar la jerarquía relativa.

Estos cambios deben responder a la restricción específica del formato, no aplicar una única regla de escala a cada formato.

Conserve la relación entre las funciones textuales aunque sus valores exactos cambien.

Vuelva a probar la tipografía ajustada con contenido representativo para verificar que la jerarquía y la legibilidad siguen siendo claras en la nueva condición.

La gobernanza más amplia, más allá de la adaptación específica de la tipografía por formato, corresponde a la coherencia de marca entre canales; aquí, el enfoque sigue siendo preservar las relaciones entre funciones mientras los valores de tamaño de tipografía y espaciado se adaptan.

Adaptación controlada

• Evaluar la restricción: identifique si el espacio disponible, la distancia de visualización, la densidad de contenido u otra condición del formato afecta a la base tipográfica actual.
• Ajustar la variable: cambie el valor de tamaño de tipografía o espaciado afectado, preservando la relación prevista entre las funciones textuales.
• Verificar el resultado: compruebe que el tratamiento ajustado mantiene la jerarquía relativa y la legibilidad en contenido representativo, en lugar de juzgar valores numéricos de forma aislada.
• Volver a probar la coherencia: vuelva a probar el sistema ajustado en el formato de destino y conserve el cambio cuando las relaciones entre funciones sigan siendo reconocibles bajo esa condición.

Solucionar problemas de comportamiento tipográfico incoherente

El comportamiento tipográfico incoherente se manifiesta como desviaciones observables de la jerarquía, las asignaciones de función tipográfica, la escala, el espaciado o las reglas de uso aprobadas.

Un síntoma como una competencia visual entre niveles de jerarquía, un cambio de tipografía sin explicación, un tamaño aislado repetido o una incoherencia de espaciado indica una condición que investigar, no una causa confirmada.

Un mismo síntoma puede tener más de una causa probable, por lo que debe comprobar el estado tipográfico aplicado antes de elegir una dirección correctiva.

Por ejemplo, una competencia visual entre niveles de jerarquía puede indicar una distinción insuficiente entre niveles aprobados, un tratamiento no aprobado o un ajuste específico de formato que haya cambiado la relación prevista.

Un cambio de tipografía sin explicación puede indicar una desviación de la función tipográfica o una excepción aplicada fuera de su condición definida.

La tabla de diagnóstico separa los síntomas observables de las posibles causas, las comprobaciones y las direcciones correctivas.

Síntoma → posible causa → comprobación → dirección correctiva

Síntoma	Posible causa	Qué comprobar	Dirección correctiva
Competencia visual entre niveles de jerarquía	Los niveles de jerarquía adyacentes pueden haber perdido su distinción prevista, o un tratamiento no aprobado puede estar añadiendo prominencia no deseada.	Compare los niveles afectados con sus relaciones aprobadas de tamaño, peso, estilo y espaciado, y compruebe si se aplica alguna excepción.	Tras la verificación, restablezca la relación aprobada o documente y delimite una excepción justificada.
Cambios de tipografía sin explicación	Una función tipográfica puede haberse desviado de su función de contenido definida, o una excepción puede estar apareciendo fuera de su condición permitida.	Compruebe el contenido afectado con respecto a su función tipográfica aprobada y cualquier excepción documentada para ese contexto.	Devuelva el contenido a su función aprobada, o corrija el ámbito de la excepción verificada.
Tamaños aislados repetidos	La escala establecida puede no aplicarse de forma coherente, o una necesidad recurrente de formato puede haberse gestionado mediante ajustes aislados.	Compare los tamaños repetidos con las relaciones de escala aprobadas y compruebe si la misma condición se repite en contenido equivalente.	Elimine los valores aislados no admitidos o, cuando la necesidad recurrente esté verificada, normalice un ajuste controlado dentro del sistema.
Espaciado incoherente	Funciones textuales equivalentes pueden estar usando diferentes estados de espaciado, o un ajuste de espaciado específico de formato puede haberse extendido más allá de su condición prevista.	Compare el interlineado y el espaciado vertical de funciones equivalentes en condiciones de diseño comparables y compruebe las excepciones documentadas.	Restablezca la relación de espaciado aprobada o limite un ajuste verificado a la condición que lo requiere.

La dirección correctiva debe centrarse en el fallo verificado de la regla, la función tipográfica, la escala, el espaciado o la excepción, no solo en el síntoma visible.

Tras la corrección, vuelva a comprobar la tipografía afectada en la misma condición e incorpore el cambio al sistema solo cuando la verificación muestre que responde a un requisito recurrente, no a una incoherencia aislada.

Reducir funciones textuales superpuestas o redundantes

Las funciones textuales superpuestas se vuelven redundantes cuando dos funciones realizan la misma tarea de lectura o son visualmente tan similares que no añaden ninguna distinción útil a la jerarquía.

Compare lo que cada función textual debe comunicar antes de decidir si la superposición requiere consolidación o diferenciación.

Empiece por la función: si dos funciones sirven a la misma tarea de lectura en las mismas condiciones, la superposición puede indicar una redundancia real.

Si sus funciones difieren pero su tamaño, peso u otra apariencia es demasiado similar para hacer visible esa distinción, la diferenciación puede ser más adecuada que la consolidación.

Conserve las funciones separadas cuando respalden tareas de lectura genuinamente diferentes, incluso si comparten algunos atributos visuales.

Consolide solo cuando la duplicación funcional esté demostrada, no inferida únicamente de la apariencia.

• Verificar la superposición funcional: compare las dos funciones por tarea de lectura, función de contenido y valor informativo. Si ambas cumplen la misma función en condiciones equivalentes, la redundancia puede justificar la consolidación en una sola función.
• Verificar la similitud visual: compare tamaño, peso, estilo, espaciado y otras señales de apariencia. Si las funciones son diferentes pero tienen un aspecto demasiado similar para respaldar la jerarquía prevista, conserve ambas funciones y aumente la diferenciación en lugar de eliminar una.
• Verificar la consecuencia en la jerarquía: compruebe si la superposición hace que los lectores interpreten dos funciones como el mismo nivel u oculta la relación prevista entre ellas. Si la jerarquía sigue siendo clara a pesar de algunos rasgos visuales compartidos, las funciones separadas pueden seguir siendo apropiadas.
• Elegir la corrección más simple: consolide las funciones cuando sus funciones se dupliquen genuinamente; diferencie su tratamiento cuando sus funciones sean distintas pero su apariencia genere una colisión de funciones. Conserve ambas cuando cada función textual siga sirviendo a una tarea de lectura separada.

Eliminar excepciones no planificadas de tipografía, peso y tamaño

Los valores no planificados de tipografía, peso y tamaño deben rastrearse hasta su contexto y función prevista antes de eliminarlos o conservarlos.

Cada excepción tipográfica necesita una razón clara y un impacto explícito en la coherencia para que la decisión pueda distinguir un caso especial justificado de una deriva accidental.

Es más probable que un valor inesperado sea una deriva tipográfica cuando no tiene una función documentada, no resuelve una condición de contenido recurrente o aparece solo como una elección aislada.

Una excepción justificada puede conservarse cuando su contexto y función prevista son explícitos, mientras que una excepción recurrente puede necesitar normalizarse como un valor aprobado en lugar de repetirse de forma informal.

Los valores no aprobados repetidos no deben acumularse en un sistema paralelo sin una decisión explícita.

Audite cada caso desde la identificación hasta la razón, el impacto y la acción de conservar, normalizar o eliminar.

Ruta para tratar una excepción

• Identificar el valor: registre la tipografía, el peso o el tamaño no planificado exactamente como aparece y anote el contexto en el que se utiliza para que la excepción pueda evaluarse con respecto al sistema aprobado.
• Rastrear la función prevista: compruebe qué función textual aprobada está sirviendo el valor y si la desviación favorece una condición de lectura o diseño distinta en lugar de duplicar un tratamiento existente.
• Comprobar la razón: determine si la excepción tiene una justificación funcional explícita. Si no existe una razón clara y la función aprobada puede cumplir el mismo propósito, trate el valor como probable deriva en lugar de un caso especial justificado.
• Evaluar el impacto en la coherencia: compruebe si el valor debilita el reconocimiento de la función, crea tratamientos aislados repetidos o cambia las relaciones jerárquicas en contenido comparable. Una desviación sin impacto material en la coherencia puede conservarse cuando su condición especial está definida.
• Elegir entre conservar o normalizar: conserve una excepción justificada cuando esté limitada a un contexto específico; normalícela cuando la misma necesidad se repita y deba convertirse en un estado aprobado explícito dentro del sistema.
• Eliminar la deriva no justificada: elimine el valor no aprobado cuando su propósito duplique la función prevista y no quede ninguna excepción justificada, evitando que las elecciones repetidas de tipografía, peso o tamaño puntuales se conviertan en un sistema paralelo no documentado.