O que são Mutano e Ravena
Mutano e Ravena são duas famílias tipográficas que vêm sendo usadas junto em projetos de identidade visual, especialmente em materiais digitais e impressos que precisam de contraste entre títulos e corpo de texto. A primeira tem um caráter mais geométrico e moderno, com traços limpos que funcionam bem em tamanhos grandes. A segunda é mais clássica, com serifas discretas que dão legibilidade em textos longos. Juntas, elas se complementam sem competir. O problema é que muita gente tenta usar os dois tipos juntos sem ajustar o tamanho, o espaçamento ou o peso, e o resultado acaba parecendo desorganizado em vez de intencional.
Como usar mutano e ravena casal no seu projeto
Para começar, você precisa dos arquivos das duas fontes. Elas estão disponíveis em plataformas como Google Fonts, Fontshare e em marketplaces como Creative Market e Envato Elements. A Mutano costuma ter versões gratuitas com licença pessoal, enquanto a Ravena pode exigir compra para uso comercial em alguns casos. Verifique sempre a licença antes de aplicar em qualquer projeto que envolva dinheiro. A configuração básica funciona assim: use a Mutano para títulos e headings, e a Ravena para parágrafos e textos corridos. Isso cria uma hierarquia visual clara sem precisar recorrer a cores ou formas extras. No meu caso, já vi clientes reclamarem que o projeto parecia "pesado" quando inverti as fontes por acidente — colocaram a Ravena no título e a Mutano no corpo. Ficou estranho. A Ravena não foi feita para chamar atenção em títulos grandes.
O espaçamento entre linhas na Ravena precisa ser ajustado manualmente. O valor padrão do software geralmente vem muito justo para esse tipo específico. Eu costumo colocar entre 1.5 e 1.7 vezes o tamanho da fonte. Para a Mutano, o spacing padrão já funciona bem na maioria das vezes. Um detalhe que poucos mencionam: as duas fontes têm métricas de altura-x diferentes. Isso significa que, se você usar o mesmo tamanho pontual nas duas, uma vai parecer menor que a outra na prática. A solução é testar lado a lado e ajustar. Em geral, a Ravena precisa de um ponto ligeiramente maior para manter a mesma percepção visual da Mutano.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Outro ponto prático é o kerning. A Mutano, por ser mais geométrica, tende a ter problemas de espaçamento entre letras como "AV", "AT" e "Ly". Você precisa revisar esses pares manualmente em títulos curtos. Perde cerca de dez a quinze minutos por projeto, mas evita aquele visual amador que todo mundo percebe e ninguém comenta. Se o seu projeto for para web, certifique-se de carregar as fontes via @font-face ou de um CDN confiável. O carregamento desigual das duas fontes pode causar um layout shift visível, especialmente em conexões mais lentas. Use font-display: swap para minimizar o impacto.
Existe também uma limitação importante: essas fontes não foram criadas para funcionar em tamanhos muito pequenos. Se o seu projeto exige legibilidade em dimensões inferiores a 14 pontos, a Mutano perde a graça e a Ravena fica ilegível rapidamente. Nesse caso, considere substituir por uma fonte sem serifa mais compacta para o corpo do texto. Um erro comum é usar as duas fontes com o mesmo peso visual. Se você colocar uma Mutano bold no título e uma Ravena regular no parágrafo, o contraste é suficiente. Mas se usar Mutano regular com Ravena bold, a relação se inverte de forma desagradável. A regola geral é: a fonte do título deve ter pelo menos um nível a mais de peso que a do corpo.
Para quem quer economizar tempo, existe um macro simples no Figma que aplica automaticamente essa combinação com os spacing corretos. Não é perfeito, mas evita a configuração manual repetitiva em projetos menores.
