{"id":261636,"date":"2023-10-30T16:31:00","date_gmt":"2023-10-30T13:31:00","guid":{"rendered":"https:\/\/inform.click\/14-combinacoes-de-fontes-insanamente-epicas-para-o-seu-proximo-projeto\/"},"modified":"2023-10-30T16:31:00","modified_gmt":"2023-10-30T13:31:00","slug":"14-combinacoes-de-fontes-insanamente-epicas-para-o-seu-proximo-projeto","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/14-combinacoes-de-fontes-insanamente-epicas-para-o-seu-proximo-projeto\/","title":{"rendered":"14 combina\u00e7\u00f5es de fontes insanamente \u00e9picas para o seu pr\u00f3ximo projeto"},"content":{"rendered":"

\n A tipografia est\u00e1 em toda parte, mas escolher a combina\u00e7\u00e3o certa de fontes para o seu projeto \u00e9 uma das tarefas mais dif\u00edceis \u2013 e demoradas \u2013 que voc\u00ea provavelmente enfrentar\u00e1 como designer gr\u00e1fico.\n<\/p>\n

\n Hoje em dia, existem mais tipos de letra do que nunca \u2013 com mais sendo criados a cada semana \u2013 ent\u00e3o, mesmo encontrar apenas um tipo de letra que voc\u00ea goste pode se tornar uma tarefa longa em si. Al\u00e9m disso, mesmo quando voc\u00ea consegue encontrar um, voc\u00ea tem que passar por todo o processo de busca de fontes novamente para encontrar um tipo de letra complementar para apresentar ao lado dele.\n<\/p>\n

\n Isso pode levar horas, dias, semanas ou possivelmente at\u00e9 meses, em alguns casos.\n<\/p>\n

\n Felizmente, voc\u00ea n\u00e3o precisa come\u00e7ar do zero todas as vezes, pois j\u00e1 existem v\u00e1rios combos de fontes \u00e9picos por a\u00ed, basta procur\u00e1-los.\n<\/p>\n

\n Aqui est\u00e3o alguns combos \u00e9picos que encontramos online:\n<\/p>\n

\n 1 ArsMaquette Web + FF Tisa Web Pro
\n<\/h5>\n

\n
\n Link do site: Sozo Design<\/a>\n<\/p>\n

\n A Sozo Design \u00e9 uma ag\u00eancia de design com sede no Reino Unido que \u2013 a julgar por seu site \u2013 sabe o que est\u00e1 fazendo quando se trata de tipografia.\n<\/p>\n

\n ArsMaquette e FF Tisa Pro se complementam perfeitamente, como voc\u00ea pode ver na captura de tela da p\u00e1gina inicial do site acima. A raz\u00e3o para isso se deve ao fato de que ArsMaquette \u00e9 uma fonte sem serifa, enquanto FF Tisa \u00e9 uma fonte com serifa. Como voc\u00ea j\u00e1 deve saber, misturar uma fonte sem serifa com uma com serifa costuma ser uma receita de sucesso.\n<\/p>\n

\n FF Tisa \u00e9 uma fonte de corpo bonita e leg\u00edvel e tem o equil\u00edbrio certo de formalidade e personalidade para Sozo.\n<\/p>\n

\n 2 Didot Light + Fonte Sans Pro
\n<\/h5>\n

\"\"<\/a> Link do site: Wraxell's<\/a><\/p>\n

\n Freq\u00fcentemente, sites como o de Wraxell (ou seja, sites de telhados) apresentam designs chatos, pouco convidativos e desatualizados.\n<\/p>\n

\n No entanto, o design de Wrexell est\u00e1 longe de ser desatualizado, em parte gra\u00e7as a uma \u00f3tima combina\u00e7\u00e3o de tipos de letra em todo o site.\n<\/p>\n

\n Os dois principais tipos de letra em uso aqui s\u00e3o Didot Light (as palavras “Green Roofing” acima est\u00e3o escritas em Didot Light) e Source Sans Pro.\n<\/p>\n

\n Didot Light \u00e9 uma escolha interessante para o site \u2013 e possivelmente uma que poucos designers teriam optado devido \u00e0 sua apar\u00eancia um tanto neocl\u00e1ssica \u2013 mas funciona lindamente bem, especialmente ao lado da terra-a-terra Source Sans Pro.\n<\/p>\n

\n 3 Rodovi\u00e1ria + Lato
\n<\/h5>\n

\"\"<\/a> Link do site: Nexus<\/a><\/p>\n

\n O Nexus (o site da foto acima) \u00e9 na verdade um tema de site que est\u00e1 dispon\u00edvel para compra no Themeforest (portanto, nada a ver com o Google Nexus).\n<\/p>\n

\n Na verdade, a \u00fanica conex\u00e3o que o modelo tem com o Google \u00e9 que ele faz uso de dois tipos de fontes do Google Fonts: Raleway e Lato.\n<\/p>\n

\n Raleway \u00e9 uma fonte amplamente usada em todo o site e \u00e9 perfeita para uma variedade de usos; no entanto, pode ser um pouco “completo” para uso como par\u00e1grafo\/corpo de texto. Se voc\u00ea acha que esse \u00e9 o caso da sua marca, considere combin\u00e1-la com Lato: uma fonte simples sem serifa que complementa Raleway perfeitamente.\n<\/p>\n

\n 4 Proxima Nova + JafBernino Sans
\n<\/h5>\n

\"\"<\/a> Link do site: Koh Active<\/a><\/p>\n

\n A Koh Active cria produtos digitais para marcas inovadoras e, como voc\u00ea provavelmente pode ver no site deles, eles mant\u00eam as coisas limpas, simples e elegantes.\n<\/p>\n

\n Isso tamb\u00e9m se reflete na escolha da tipografia no site. Eles est\u00e3o usando duas fontes: Proxima Nova e JafBernino Sans para obter uma apar\u00eancia simples e elegante que tamb\u00e9m chama a aten\u00e7\u00e3o.\n<\/p>\n

\n Proxima Nova \u00e9 extremamente bem trabalhada e elegante, enquanto JafBernino Sans \u00e9 robusto e chama a aten\u00e7\u00e3o. Quando usados \u200b\u200blado a lado, esses dois tipos de letra oferecem a combina\u00e7\u00e3o perfeita para qualquer marca moderna que procura uma abordagem simples e pr\u00e1tica.\n<\/p>\n

\n 5 Nocaute 52 + Texto da Cr\u00f4nica
\n<\/h5>\n

\"\"<\/a> Link do site: Mantendo Nova York nos trilhos<\/a><\/p>\n

\n Keeping New York On Track \u00e9 um site exclusivo. Faz uso de uma abund\u00e2ncia de espa\u00e7o em branco e ilustra\u00e7\u00f5es modernas. Afinal, Nova York \u00e9 t\u00e3o moderna e cosmopolita quanto poss\u00edvel.\n<\/p>\n

\n Quando se trata de tipografia, a apar\u00eancia moderna e limpa do site continua com o uso de Knockout 52 e Chronicle Text. Knockout 52 \u00e9 o tipo de letra grande, em negrito e sem serifa que voc\u00ea v\u00ea sendo usado para o t\u00edtulo; \u00e9 um pouco semelhante ao Helvetica.\n<\/p>\n

\n Para o corpo do texto principal, o Chronicle Text \u00e9 usado, um tipo de letra serif que n\u00e3o \u00e9 muito diferente de Georgia ou Sans Serif.\n<\/p>\n

\n A combina\u00e7\u00e3o resultante \u00e9 elegante, moderna e altamente leg\u00edvel.\n<\/p>\n

\n 6 Kepler Standard Display + Futura PT
\n<\/h5>\n

\"\"<\/a> Link do site: Ellen Tracey<\/a><\/p>\n

\n Ellen Tracey se descreve como “o equil\u00edbrio perfeito entre atitude jovem e glamour adulto” \u2013 e isso \u00e9 algo que certamente se reflete na escolha da tipografia da marca.\n<\/p>\n

\n Em todo o site, apenas dois tipos de letra s\u00e3o usados: Kepler Standard Display e Futura PT. Kepler \u00e9 a bela fonte serifada usada principalmente para t\u00edtulos\/cabe\u00e7alhos, enquanto Futura PT \u00e9 usada como fonte principal do corpo, bem como para a barra de menus.\n<\/p>\n

\n Novamente, misturar uma fonte sem serifa e uma fonte com serifa geralmente funciona bem, mas \u00e9 preciso um designer inteligente para criar uma combina\u00e7\u00e3o como essa, pois reflete a personalidade da marca lindamente.\n<\/p>\n

\n 7 DIN Next + Minion W01
\n<\/h5>\n

\"\"<\/a> Link do site: Isto \u00e9 revestido de ferro<\/a><\/p>\n

\n “This Is Iron Clad” se descreve como uma “ag\u00eancia de cinema digital boutique especializada em narrativa criativa” \u2013 uma introdu\u00e7\u00e3o bastante original, para dizer o m\u00ednimo.\n<\/p>\n

\n S\u00e3o marcas exclusivas como essa que costumam ser as escolhas mais dif\u00edceis 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\u00eancia simples e moderna.\n<\/p>\n

\n DIN Next \u00e9 usado para o cabe\u00e7alho principal, enquanto Minion W01 \u00e9 usado para o subt\u00edtulo. Mais uma vez, essa combina\u00e7\u00e3o de serifa + sem serifa funciona bem. Ambos os tipos de letra est\u00e3o em it\u00e1lico, o que acrescenta um pouco de singularidade e personalidade \u00e0 marca.\n<\/p>\n

\n 8 Estilo Antigo + Futuro
\n<\/h5>\n

\"\"<\/a> Link do site: GiliLankafushi<\/a><\/p>\n

\n GiliLankafushi \u00e9 um resort exclusivo escondido na bela Ilha das Maldivas, no Oceano \u00cdndico. Pode n\u00e3o ser o lugar mais barato para ficar, mas com certeza \u00e9 luxuoso.\n<\/p>\n

\n Normalmente, voc\u00ea ver\u00e1 marcas luxuosas e caras como essa usando tipografia simples com serifa, e muitas vezes isso funciona muito bem. No entanto, GiliLankafushi n\u00e3o queria transmitir a sensa\u00e7\u00e3o padr\u00e3o de “luxo”, mas tamb\u00e9m uma sensa\u00e7\u00e3o de exotismo.\n<\/p>\n

\n Para conseguir isso, eles usaram dois tipos de letra: OldStyle e Avenir.OldStyle \u00e9 usado para alcan\u00e7ar essa sensa\u00e7\u00e3o de exotismo, enquanto Avenir mant\u00e9m as coisas simples, elegantes e realistas.\n<\/p>\n

\n 9 Doce Sans M\u00e9dio + Lato
\n<\/h5>\n

\"\"<\/a> Link do site: Meus 365 dias impressos<\/a><\/p>\n

\n My 365 Days in Print \u00e9 um projeto \u00fanico que transforma 365 dias de hist\u00f3rias em um livro \u00fanico de impress\u00f5es.\n<\/p>\n

\n Com um projeto \u00fanico vem uma combina\u00e7\u00e3o \u00fanica de fontes, desta vez na forma de Sweet Sans Medium e Lato.\n<\/p>\n

\n Sweet Sans Medium \u00e9 o tipo de letra que voc\u00ea v\u00ea sendo usado para o cabe\u00e7alho acima; \u00e9 ousado, mas tamb\u00e9m tem car\u00e1ter. Lato \u00e9 usado para o corpo do texto, pois \u00e9 altamente leg\u00edvel e funciona bem com praticamente qualquer coisa.\n<\/p>\n

\n Voc\u00ea notar\u00e1 que ambas as fontes s\u00e3o sem serifa; s\u00f3 porque \u00e9 comum emparelhar uma serifa e uma sem serifa n\u00e3o significa que duas fontes sem serifa n\u00e3o possam ficar bonitas juntas.\n<\/p>\n

\n 10 JafBernino Sans + Freight Text Pro
\n<\/h5>\n

\"\"<\/a> Link do site: M\u00e9dio<\/a><\/p>\n

\n O Medium se tornou um site bastante ic\u00f4nico no que diz respeito \u00e0 tipografia. Sendo um site para escritores, as coisas s\u00e3o mantidas o mais simples e leg\u00edveis poss\u00edvel, que \u00e9 a raz\u00e3o por tr\u00e1s da combina\u00e7\u00e3o JafBernino Sans e Freight Text Pro.\n<\/p>\n

\n O Freight Text Pro \u00e9 bastante semelhante ao Georgia, embora tenha um pouco mais de exclusividade e n\u00e3o seja t\u00e3o usado. JafBernino Sans \u00e9 ousado e volumoso, tornando-o a fonte perfeita para um cabe\u00e7alho atraente.\n<\/p>\n

\n Novamente, a combina\u00e7\u00e3o \u00e9 serif\/sans serif.\n<\/p>\n

\n 11 Kelson Sem Luz + Aberto Sem
\n<\/h5>\n

\"\"<\/a> Link do site: Qburst<\/a><\/p>\n

\n Kelson Sans Light \u00e9 uma escolha de fonte \u00fanica para qualquer marca, e voc\u00ea n\u00e3o a v\u00ea muito na web; isso \u00e9 uma pena, pois \u00e9 um tipo de letra \u00fanico que funciona bem com muitos outros tipos de letra.\n<\/p>\n

\n Voc\u00ea notar\u00e1 que Kelson Sans Light e Open Sans s\u00e3o relativamente semelhantes; ambos s\u00e3o sem serifa e ambos t\u00eam uma qualidade sem sentido semelhante a eles. Agora, normalmente, fontes semelhantes s\u00e3o uma m\u00e1 escolha para uma combina\u00e7\u00e3o, mas se voc\u00ea for esperto (como este site tem sido), elas podem funcionar bem juntas.\n<\/p>\n

\n O truque \u00e9 usar pesos e estilo para ajudar a diferenciar os dois tipos de letra. No exemplo acima, voc\u00ea notar\u00e1 que uma vers\u00e3o leve de Kelson Sans \u00e9 usada ao lado de uma vers\u00e3o em it\u00e1lico de Open Sans.\n<\/p>\n

\n 12 Gotham SSM + Exibi\u00e7\u00e3o Playfair
\n<\/h5>\n

\"\"<\/a> Link do site: Movimento<\/a><\/p>\n

\n O problema dos sites corporativos \u00e9 que eles podem ser bastante mon\u00f3tonos; voc\u00ea frequentemente ver\u00e1 Times New Roman e Georgia surgirem muito mais do que deveriam.\n<\/p>\n

\n No entanto, Movement.com fez uso de dois tipos de letra: Gotham SSM e Playfair Display para criar uma apar\u00eancia um tanto formal e corporativa que acaba com o t\u00e9dio.\n<\/p>\n

\n Embora esses dois tipos de letra funcionem muito bem juntos no meu padr\u00e3o, a genialidade deste site \u00e9 o uso de muitos pesos, tamanhos e estilos de fonte diferentes para criar um design interessante com hierarquia.\n<\/p>\n

\n 13 Brandon Grotesque + Chaparral Pro
\n<\/h5>\n

\"\"<\/a> Link do site: Lumate<\/a><\/p>\n

\n O Lumate \u00e9 um site colorido e bem projetado, relativamente minimalista em seu estilo de design. Ele tamb\u00e9m faz uso de uma combina\u00e7\u00e3o de tipografia um tanto \u00fanica: Brandon Grotesque e Chaparral Pro.\n<\/p>\n

\n Brandon Grotesque est\u00e1 se tornando uma fonte amplamente usada na web, mas voc\u00ea n\u00e3o v\u00ea o Chaparral Pro com tanta frequ\u00eancia. Os dois fazem uma \u00f3tima dupla. Brandon Grotesque \u00e9 simples, sem serifa e perfeito para o cabe\u00e7alho, enquanto Chaparral Pro funciona perfeitamente como subt\u00edtulo.\n<\/p>\n

\n PT Sans tamb\u00e9m \u00e9 usado na p\u00e1gina, o que funciona bem com os dois tipos de letra.\n<\/p>\n

\n 14 Open Sans + Merriweather
\n<\/h5>\n

\"\"<\/a> Link do site: Ashton Golf<\/a><\/p>\n

\n 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\u00e9us criativos no dia em que projetaram este site.\n<\/p>\n

\n Uma das coisas mais impressionantes sobre o site \u00e9 o uso da tipografia. Faz uso de Open Sans e Merriweather; duas fontes muito diferentes.\n<\/p>\n

\n O tipo de letra principal usado no site \u00e9 o Merriweather, embora o Open Sans seja usado para os aspectos menos importantes do design. Sendo uma combina\u00e7\u00e3o sem serifa\/serifa, elas funcionam lindamente juntas.\n<\/p>\n<\/p>\n

\n Fonte de grava\u00e7\u00e3o: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

A tipografia est\u00e1 em toda parte, mas escolher a combina\u00e7\u00e3o certa de fontes para o seu projeto \u00e9 uma das tarefas mais dif\u00edceis \u2013 e demoradas \u2013 que voc\u00ea provavelmente enfrentar\u00e1 como designer gr\u00e1fico. Hoje em dia, existem mais tipos de letra do que nunca \u2013 com mais sendo criados a cada semana \u2013 ent\u00e3o, mesmo encontrar apenas um tipo de letra que voc\u00ea goste pode se tornar uma tarefa longa em si. Al\u00e9m disso, mesmo quando voc\u00ea consegue encontrar um, voc\u00ea 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\u2026<\/p>\n","protected":false},"author":1,"featured_media":131571,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,254,59],"tags":[],"class_list":["post-261636","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-fontes","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261636"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261636\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/131571"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}