La jerarquía tipográfica es un aspecto crucial del diseño UI/UX que organiza el texto en estilos (por ejemplo, encabezados y cuerpo) para mejorar la legibilidad y la estructura. La mayoría de los diseños utilizan de 1 a 6 estilos de encabezado y varias variaciones de texto de cuerpo.

Puedes utilizar el sitio Typescale para determinar la jerarquía tipográfica ideal.

• Ingresa un tamaño base (generalmente 14px o 16px para el texto de cuerpo);
• Selecciona una escala (proporción de escala tipográfica) como Minor Third (1.2), Major Third (1.25) o Golden Ratio para fuentes más grandes.
• Personaliza configuraciones como el nombre de la fuente, peso, interlineado, espaciado entre letras y color;
• Copia los valores de los encabezados y el texto de cuerpo en Figma o modifícalos según sea necesario, manteniendo la proporción de escala. Puedes multiplicar o dividir el tamaño de la fuente por la proporción de escala seleccionada para crear tamaños consistentes de encabezados o texto de cuerpo;
• Aunque la proporción de escala proporciona consistencia, puedes ajustar las configuraciones según los requisitos de tu diseño.