A Hierarquia Tipográfica/Fonte é um aspecto crucial do design UI/UX que organiza o texto em estilos (por exemplo, títulos e corpo) para melhor legibilidade e estrutura. A maioria dos designs utiliza de 1 a 6 estilos de títulos e várias variações de texto de corpo.

Você pode usar o site Typescale para determinar a hierarquia tipográfica ideal.

• Insira um tamanho base (geralmente 14px ou 16px para o texto do corpo);
• Selecione uma escala (proporção de escala da fonte), como Minor Third (1.2), Major Third (1.25) ou Golden Ratio para fontes maiores.
• Personalize configurações como nome da fonte, peso, espaçamento entre linhas, espaçamento entre letras e cor;
• Copie os valores dos Títulos e do texto do Corpo para o Figma ou modifique conforme necessário, mantendo a proporção da escala. Você pode multiplicar ou dividir o tamanho da fonte pela proporção de escala selecionada para criar tamanhos consistentes de títulos ou texto do corpo;
• Embora a proporção de escala forneça consistência, é possível ajustar as configurações conforme as necessidades do seu design.