A escala tipográfica é uma ferramenta essencial para criar hierarquia visual e legibilidade em seu design. Ao utilizar nossa escala tipográfica, você pode garantir consistência e equilíbrio nas combinações de tamanho, peso e espaçamento de fontes.
Tamanhos: Nossa escala tipográfica abrange uma variedade de tamanhos, desde 12 px até 44 px. Cada tamanho é cuidadosamente escolhido para diferentes níveis de destaque e leitura, permitindo a adequação às diversas partes do conteúdo.
Pesos: Para enfatizar certos elementos, oferecemos três pesos de fonte: Regular, Bold e Semibold. Utilize-os de forma intencional para criar contrastes visuais e destacar elementos-chave.
Alturas de linha: As alturas de linha são importantes para a legibilidade e o espaçamento adequado entre as linhas de texto. Nossa escala oferece opções de 120%, 140% e 150% da altura do texto base. Selecione a altura de linha mais adequada para o seu conteúdo, garantindo uma leitura fluente e agradável.
Fontes base e de destaque: Nossa fonte base é a Poppins, escolhida por sua legibilidade e versatilidade. Para destaques, utilizamos a fonte Chewy, que adiciona um toque de personalidade. No entanto, vale ressaltar que a Chewy possui apenas o peso regular disponível.
Evitando usos inadequados: Ao trabalhar com nossa escala tipográfica, é importante evitar o uso excessivo de diferentes tamanhos e pesos, pois isso pode causar uma falta de consistência visual. Mantenha um equilíbrio entre os elementos tipográficos, garantindo uma hierarquia clara e fácil de seguir.
Lembre-se de considerar o contexto do seu design e a legibilidade do texto em diferentes dispositivos e tamanhos de tela. Faça testes e iterações para garantir que as combinações tipográficas sejam eficazes e proporcionem uma experiência de leitura agradável.
Utilizando nossas diretrizes de escala tipográfica, você poderá criar layouts coesos, legíveis e visualmente atraentes em seu projeto.