Font-size e line-height corretos são o piso, não o teto. O que separa uma tipografia funcional de uma que comunica com intenção está nas decisões que não aparecem nas specs.
Todo design system tem uma escala tipográfica. Tamanhos definidos, pesos catalogados, line-height calculado. A parte técnica está resolvida.
O que a escala não resolve é a hierarquia de comunicação, a decisão de qual texto merece atenção primeiro, qual é suporte, qual pode ser ignorado sem prejuízo para quem lê com pressa.
Robert Bringhurst, em The Elements of Typographic Style (1992), abre o livro com uma frase que ainda guia o pensamento tipográfico contemporâneo: “Typography exists to honor content”. Tipografia existe para servir o conteúdo. Em interface, isso significa que a escala tipográfica é ferramenta, não fim. O fim é a comunicação.
Quando todo texto de uma interface tem o mesmo peso visual, o usuário não sabe por onde começar. Tudo parece igualmente importante. O resultado prático é que nada parece importante.
Hierarquia tipográfica não é sobre variedade estética. É sobre guiar a leitura. Um título que puxa o olho, um subtítulo que confirma o contexto, um corpo que entrega o detalhe para quem quis se aprofundar. Essa progressão é o que torna uma interface legível sem esforço consciente.
Bringhurst chama isso de “counterpoint of contrasts”: a variação deliberada de tamanhos, pesos e espaçamentos que dá ritmo à página sem virar caos. A palavra-chave é deliberada. A consistência excessiva não é segurança, é abdicação da decisão sobre o que importa.
Font-weight é frequentemente usado para “dar destaque” de forma indiscriminada. Bold aqui, semibold ali, sem critério claro.
Peso tipográfico funciona como volume numa conversa. Se tudo está em bold, nada está em bold. A contenção, usar peso máximo apenas onde o conteúdo realmente exige atenção, é o que torna o destaque funcionar quando aparece.
A regra prática mais útil é definir, no design system, em quais casos cada peso pode ser usado e qual é o tipo de conteúdo que justifica cada um. Sem essa convenção escrita, o uso fica a critério de quem desenha cada tela, e o resultado é o oposto da consistência que o design system deveria oferecer.
Espaço entre elementos tipográficos não é só conforto visual. É separação semântica. Dois blocos de texto próximos são percebidos como relacionados. Dois blocos com espaço entre eles são percebidos como tópicos distintos.
Esse comportamento perceptual tem nome: é a Lei de Proximidade da Gestalt, formulada pela psicologia da percepção no início do século XX. “Objetos próximos uns dos outros são percebidos como um grupo, mesmo quando diferem em cor, tamanho ou forma.” Para tipografia em interfaces, a implicação é direta: o espaço diz tanto quanto o texto.
Interfaces que tratam o espaçamento tipográfico com atenção reduzem a necessidade de linhas divisórias, bordas e outros elementos visuais de separação. O espaço faz esse trabalho de forma mais limpa e mais silenciosa.
A última verificação de qualquer decisão tipográfica deveria acontecer no contexto real de uso: tela de celular com brilho baixo, monitor de 27 polegadas com fonte do sistema no tamanho padrão, pessoa lendo enquanto faz outra coisa.
Tipografia que funciona só nas condições ideais do Figma não é tipografia resolvida. Vale também o teste de acessibilidade: a interface continua legível em zoom 200%? O contraste passa em WCAG 2.2 (mínimo 4.5:1 para texto corpo)? Esses números não substituem julgamento de design, mas marcam o piso abaixo do qual a interface não deveria ir.
Em projetos da VM2, a gente trata escala tipográfica como ponto de partida do design system, não como decisão isolada. Antes de definir tamanhos e pesos, a gente alinha com o cliente quais são as hierarquias de conteúdo que realmente existem na interface (e não só as que estão no template). Quantos níveis de título são necessários? Quais tipos de texto de apoio existem? Onde a interface precisa pedir atenção, e onde precisa ficar quieta?
A gente também testa em contexto real desde o começo. Telas vistas só dentro do Figma escondem problemas que aparecem em tela pequena, em luz forte, em momento de pressa. Tipografia resolve quando funciona no contexto real, não no contexto ideal.
E vale o lembrete final que o Bringhurst deixou: tipografia existe para servir o conteúdo. Quando a gente percebe que está discutindo tipografia em vez de discutir o que ela carrega, normalmente o problema está em outro lugar.
Referências: Robert Bringhurst, “The Elements of Typographic Style” (1992, edição 4.0 em 2012); princípios da Gestalt formulados por Max Wertheimer, Wolfgang Köhler e Kurt Koffka no início do século XX; W3C, Web Content Accessibility Guidelines 2.2 (2023).
Acessibilidade não é só obrigação legal. É a diferença entre uma plataforma que funciona para todos e uma que exclui parte do mercado silenciosamente.
A escolha de tecnologia para um projeto digital não começa pela tecnologia. Começa pela pergunta certa: o que essa plataforma precisa fazer?
36% das empresas gastam mais tempo resolvendo problemas de APIs do que desenvolvendo funcionalidades. O problema quase nunca é a API. É a documentação tratada como anexo, não como produto.
