Padrão de derivação de escala tipográfica de desktop para mobile

Olá, Lucas. Tudo bem com você?

Entendo sua dúvida, e é realmente importante pensar em como adaptar a tipografia para diferentes tamanhos de tela.

Não existe uma regra única ou um padrão estrito para a derivação de tamanhos de fonte de desktop para mobile, pois isso pode variar dependendo do tipo de conteúdo, do público-alvo, do design geral do site e de outros fatores. No entanto, aqui estão algumas práticas recomendadas que podem te ajudar:

1. Redução proporcional: Uma maneira simples de começar é reduzir o tamanho da fonte proporcionalmente para se ajustar à tela menor. Por exemplo, se o tamanho da fonte no desktop é de 32px, você pode tentar reduzi-lo para 75% desse valor no mobile. Isso daria um tamanho de fonte de 24px para mobile, que é o exemplo que você mencionou.

2. Teste de legibilidade: Independentemente da escala que você escolher, é importante garantir que o texto seja legível em dispositivos móveis. Isso pode requerer ajustes no tamanho da fonte, espaçamento entre linhas, comprimento da linha e outros fatores tipográficos.

3. Consistência: Tente manter a hierarquia tipográfica consistente entre as versões de desktop e mobile. Por exemplo, se um título é significativamente maior que o texto do corpo no desktop, ele deve manter a mesma relação no mobile.

4. Espaçamento: Geralmente, ao diminuir o tamanho da fonte, também é uma boa prática diminuir um pouco o espaçamento entre as linhas (line height) para manter a proporção e a legibilidade.

Lembre-se, essas são apenas orientações gerais e o mais importante é testar o design em diferentes dispositivos e tamanhos de tela para garantir que ele funcione bem em todos os casos.

Qualquer dúvida estou à disposição.

Até mais e bons estudos!