[Dúvida] Escalas modulares e 8pt grid

Olá, Luppi, como vai?

No design digital, a escala modular ajuda a definir tamanhos proporcionais para elementos como tipografia, ícones e espaçamentos. Ela organiza o design para manter uma hierarquia visual clara e coerente.

Sobre o uso de escalas modulares com o grid de 8pt, é importante entender que ele serve como base para espaçamentos, alinhamentos e tamanhos de componentes, ajudando na consistência entre diferentes telas e dispositivos. Porém, a tipografia costuma seguir outra lógica. Nem sempre é necessário que os tamanhos das fontes sejam múltiplos de 8. Por exemplo, fontes de 14px ou 18px são comuns, mesmo não sendo múltiplos de 8.

Para harmonizar tudo, você pode trabalhar assim:

• Use o 8pt grid para definir espaçamentos (margens, paddings) e tamanhos de componentes (cards, botões).
• Utilize a escala modular para criar uma hierarquia de texto, como 12, 14, 16, 20, 24, 32 e assim por diante. Ela pode ser baseada em proporções como 1.125 ou 1.25 para manter uma progressão harmônica.
• O importante é manter consistência e coerência entre espaçamentos e tipografia, mesmo que nem tudo siga múltiplos de 8.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar.

Abraços :)