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

Você pode usar o site Typescale para determinar a hierarquia de fontes ideal.

• Insira um tamanho base (geralmente 14px ou 16px para texto do corpo);

• Selecione uma escala (razão de escala da fonte) como Terceira Menor (1.2), Terceira Maior (1.25) ou Razão Áurea 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 Cabeçalhos e do texto do Corpo para o Figma ou modifique-os conforme necessário, mantendo a razão de escala. Você pode multiplicar ou dividir o tamanho da fonte pela razão de escala selecionada para criar tamanhos consistentes de cabeçalho ou texto do corpo;

• Enquanto a razão de escala fornece consistência, você pode ajustar as configurações com base nos requisitos do seu design.