Definição de Fontes
Para garantir consistência tipográfica no Design System, configuramos as fontes principais usadas em todos os componentes. As fontes utilizadas são Exo 2 e Inter, com diferentes pesos para atender às hierarquias de texto.
Hierarquia de Títulos
A hierarquia dos títulos é baseada na fonte Exo 2 para transmitir modernidade e impacto. Cada nível de título possui um tamanho, peso e espaçamento específicos para atender às diferentes camadas de comunicação no sistema.
Subtítulos
Os subtítulos têm um papel essencial para dividir conteúdos extensos. Utilizamos Exo 2 em tamanhos menores, garantindo clareza e contraste visual em relação aos títulos principais.
Corpo do Texto
Para textos longos, como descrições e informações detalhadas, utilizamos a fonte Inter, conhecida por sua legibilidade em tamanhos menores. Abaixo estão as variações mais comuns para o corpo de texto.
Texto Pequeno
Usamos Inter também para textos auxiliares e pequenos detalhes, como legendas, com ênfase em legibilidade e discrição.
Observações
Exo 2 foi escolhida para títulos e subtítulos devido ao seu visual moderno e clean.
Inter é ideal para textos de corpo, pois oferece excelente legibilidade em interfaces digitais.
Cada classe foi nomeada para ser intuitiva e autoexplicativa, facilitando o uso no desenvolvimento de componentes.
Se precisar de mais seções ou ajustes, lembre-se de sempre utilizar a regra de múltiplos de 4px e 8px, facilitando a manutenção dos espaçamentos!