14 combinações de fontes insanamente épicas para o seu próximo projeto
A tipografia está em toda parte, mas escolher a combinação certa de fontes para o seu projeto é uma das tarefas mais difíceis – e demoradas – que você provavelmente enfrentará como designer gráfico.
Hoje em dia, existem mais tipos de letra do que nunca – com mais sendo criados a cada semana – então, mesmo encontrar apenas um tipo de letra que você goste pode se tornar uma tarefa longa em si. Além disso, mesmo quando você consegue encontrar um, você tem que passar por todo o processo de busca de fontes novamente para encontrar um tipo de letra complementar para apresentar ao lado dele.
Isso pode levar horas, dias, semanas ou possivelmente até meses, em alguns casos.
Felizmente, você não precisa começar do zero todas as vezes, pois já existem vários combos de fontes épicos por aí, basta procurá-los.
Aqui estão alguns combos épicos que encontramos online:
1 ArsMaquette Web + FF Tisa Web Pro
Link do site: Sozo Design
A Sozo Design é uma agência de design com sede no Reino Unido que – a julgar por seu site – sabe o que está fazendo quando se trata de tipografia.
ArsMaquette e FF Tisa Pro se complementam perfeitamente, como você pode ver na captura de tela da página inicial do site acima. A razão para isso se deve ao fato de que ArsMaquette é uma fonte sem serifa, enquanto FF Tisa é uma fonte com serifa. Como você já deve saber, misturar uma fonte sem serifa com uma com serifa costuma ser uma receita de sucesso.
FF Tisa é uma fonte de corpo bonita e legível e tem o equilíbrio certo de formalidade e personalidade para Sozo.
2 Didot Light + Fonte Sans Pro
Link do site: Wraxell’s
Freqüentemente, sites como o de Wraxell (ou seja, sites de telhados) apresentam designs chatos, pouco convidativos e desatualizados.
No entanto, o design de Wrexell está longe de ser desatualizado, em parte graças a uma ótima combinação de tipos de letra em todo o site.
Os dois principais tipos de letra em uso aqui são Didot Light (as palavras “Green Roofing” acima estão escritas em Didot Light) e Source Sans Pro.
Didot Light é uma escolha interessante para o site – e possivelmente uma que poucos designers teriam optado devido à sua aparência um tanto neoclássica – mas funciona lindamente bem, especialmente ao lado da terra-a-terra Source Sans Pro.
3 Rodoviária + Lato
Link do site: Nexus
O Nexus (o site da foto acima) é na verdade um tema de site que está disponível para compra no Themeforest (portanto, nada a ver com o Google Nexus).
Na verdade, a única conexão que o modelo tem com o Google é que ele faz uso de dois tipos de fontes do Google Fonts: Raleway e Lato.
Raleway é uma fonte amplamente usada em todo o site e é perfeita para uma variedade de usos; no entanto, pode ser um pouco “completo” para uso como parágrafo/corpo de texto. Se você acha que esse é o caso da sua marca, considere combiná-la com Lato: uma fonte simples sem serifa que complementa Raleway perfeitamente.
4 Proxima Nova + JafBernino Sans
Link do site: Koh Active
A Koh Active cria produtos digitais para marcas inovadoras e, como você provavelmente pode ver no site deles, eles mantêm as coisas limpas, simples e elegantes.
Isso também se reflete na escolha da tipografia no site. Eles estão usando duas fontes: Proxima Nova e JafBernino Sans para obter uma aparência simples e elegante que também chama a atenção.
Proxima Nova é extremamente bem trabalhada e elegante, enquanto JafBernino Sans é robusto e chama a atenção. Quando usados lado a lado, esses dois tipos de letra oferecem a combinação perfeita para qualquer marca moderna que procura uma abordagem simples e prática.
5 Nocaute 52 + Texto da Crônica
Link do site: Mantendo Nova York nos trilhos
Keeping New York On Track é um site exclusivo. Faz uso de uma abundância de espaço em branco e ilustrações modernas. Afinal, Nova York é tão moderna e cosmopolita quanto possível.
Quando se trata de tipografia, a aparência moderna e limpa do site continua com o uso de Knockout 52 e Chronicle Text. Knockout 52 é o tipo de letra grande, em negrito e sem serifa que você vê sendo usado para o título; é um pouco semelhante ao Helvetica.
Para o corpo do texto principal, o Chronicle Text é usado, um tipo de letra serif que não é muito diferente de Georgia ou Sans Serif.
A combinação resultante é elegante, moderna e altamente legível.
6 Kepler Standard Display + Futura PT
Link do site: Ellen Tracey
Ellen Tracey se descreve como “o equilíbrio perfeito entre atitude jovem e glamour adulto” – e isso é algo que certamente se reflete na escolha da tipografia da marca.
Em todo o site, apenas dois tipos de letra são usados: Kepler Standard Display e Futura PT. Kepler é a bela fonte serifada usada principalmente para títulos/cabeçalhos, enquanto Futura PT é usada como fonte principal do corpo, bem como para a barra de menus.
Novamente, misturar uma fonte sem serifa e uma fonte com serifa geralmente funciona bem, mas é preciso um designer inteligente para criar uma combinação como essa, pois reflete a personalidade da marca lindamente.
7 DIN Next + Minion W01
Link do site: Isto é revestido de ferro
“This Is Iron Clad” se descreve como uma “agência de cinema digital boutique especializada em narrativa criativa” – uma introdução bastante original, para dizer o mínimo.
São marcas exclusivas como essa que costumam ser as escolhas mais difíceis quando se trata de tipografia, mas essa marca conseguiu isso lindamente. Ele faz uso do DIN Next e do Minion W01 para criar uma aparência simples e moderna.
DIN Next é usado para o cabeçalho principal, enquanto Minion W01 é usado para o subtítulo. Mais uma vez, essa combinação de serifa + sem serifa funciona bem. Ambos os tipos de letra estão em itálico, o que acrescenta um pouco de singularidade e personalidade à marca.
8 Estilo Antigo + Futuro
Link do site: GiliLankafushi
GiliLankafushi é um resort exclusivo escondido na bela Ilha das Maldivas, no Oceano Índico. Pode não ser o lugar mais barato para ficar, mas com certeza é luxuoso.
Normalmente, você verá marcas luxuosas e caras como essa usando tipografia simples com serifa, e muitas vezes isso funciona muito bem. No entanto, GiliLankafushi não queria transmitir a sensação padrão de “luxo”, mas também uma sensação de exotismo.
Para conseguir isso, eles usaram dois tipos de letra: OldStyle e Avenir.OldStyle é usado para alcançar essa sensação de exotismo, enquanto Avenir mantém as coisas simples, elegantes e realistas.
9 Doce Sans Médio + Lato
Link do site: Meus 365 dias impressos
My 365 Days in Print é um projeto único que transforma 365 dias de histórias em um livro único de impressões.
Com um projeto único vem uma combinação única de fontes, desta vez na forma de Sweet Sans Medium e Lato.
Sweet Sans Medium é o tipo de letra que você vê sendo usado para o cabeçalho acima; é ousado, mas também tem caráter. Lato é usado para o corpo do texto, pois é altamente legível e funciona bem com praticamente qualquer coisa.
Você notará que ambas as fontes são sem serifa; só porque é comum emparelhar uma serifa e uma sem serifa não significa que duas fontes sem serifa não possam ficar bonitas juntas.
10 JafBernino Sans + Freight Text Pro
Link do site: Médio
O Medium se tornou um site bastante icônico no que diz respeito à tipografia. Sendo um site para escritores, as coisas são mantidas o mais simples e legíveis possível, que é a razão por trás da combinação JafBernino Sans e Freight Text Pro.
O Freight Text Pro é bastante semelhante ao Georgia, embora tenha um pouco mais de exclusividade e não seja tão usado. JafBernino Sans é ousado e volumoso, tornando-o a fonte perfeita para um cabeçalho atraente.
Novamente, a combinação é serif/sans serif.
11 Kelson Sem Luz + Aberto Sem
Link do site: Qburst
Kelson Sans Light é uma escolha de fonte única para qualquer marca, e você não a vê muito na web; isso é uma pena, pois é um tipo de letra único que funciona bem com muitos outros tipos de letra.
Você notará que Kelson Sans Light e Open Sans são relativamente semelhantes; ambos são sem serifa e ambos têm uma qualidade sem sentido semelhante a eles. Agora, normalmente, fontes semelhantes são uma má escolha para uma combinação, mas se você for esperto (como este site tem sido), elas podem funcionar bem juntas.
O truque é usar pesos e estilo para ajudar a diferenciar os dois tipos de letra. No exemplo acima, você notará que uma versão leve de Kelson Sans é usada ao lado de uma versão em itálico de Open Sans.
12 Gotham SSM + Exibição Playfair
Link do site: Movimento
O problema dos sites corporativos é que eles podem ser bastante monótonos; você frequentemente verá Times New Roman e Georgia surgirem muito mais do que deveriam.
No entanto, Movement.com fez uso de dois tipos de letra: Gotham SSM e Playfair Display para criar uma aparência um tanto formal e corporativa que acaba com o tédio.
Embora esses dois tipos de letra funcionem muito bem juntos no meu padrão, a genialidade deste site é o uso de muitos pesos, tamanhos e estilos de fonte diferentes para criar um design interessante com hierarquia.
13 Brandon Grotesque + Chaparral Pro
Link do site: Lumate
O Lumate é um site colorido e bem projetado, relativamente minimalista em seu estilo de design. Ele também faz uso de uma combinação de tipografia um tanto única: Brandon Grotesque e Chaparral Pro.
Brandon Grotesque está se tornando uma fonte amplamente usada na web, mas você não vê o Chaparral Pro com tanta frequência. Os dois fazem uma ótima dupla. Brandon Grotesque é simples, sem serifa e perfeito para o cabeçalho, enquanto Chaparral Pro funciona perfeitamente como subtítulo.
PT Sans também é usado na página, o que funciona bem com os dois tipos de letra.
14 Open Sans + Merriweather
Link do site: Ashton Golf
O Ashton Golf poderia facilmente ser outro site de campo de golfe enfadonho repleto de ofertas, imagens de estoque desordenadas e outros enfeites, mas, felizmente, os designers devem ter tido seus chapéus criativos no dia em que projetaram este site.
Uma das coisas mais impressionantes sobre o site é o uso da tipografia. Faz uso de Open Sans e Merriweather; duas fontes muito diferentes.
O tipo de letra principal usado no site é o Merriweather, embora o Open Sans seja usado para os aspectos menos importantes do design. Sendo uma combinação sem serifa/serifa, elas funcionam lindamente juntas.