Os cientistas afirmam que você tem cerca de
O texto na área do cabeçalho do seu site é uma fonte crucial de informação. O que você diz é obviamente significativo, mas também é importante considerar como você diz isso.
A tipografia é a voz do seu site. A escolha da tipografia certa não apenas ajuda a comunicar sua mensagem, mas também tem o poder de afetar o tom e até mesmo tornar sua marca mais reconhecível. É por isso que existem mais de 300,000 fontes no mundo para você escolher, desde as clássicas até... bem, malucas.
Com tantas opções, encontrar o estilo certo pode ser um desafio, especialmente se você não sabe como as fontes funcionam juntas. Nesta postagem, veremos alguns de nossos pares de fontes favoritos para ajudá-lo a criar uma mensagem de cabeçalho que converta.
Todos os exemplos abaixo foram criados com ferramentas de design disponíveis no Ecwid Instant Site — um construtor de sites de comércio eletrônico gratuito e eficiente para colocar sua loja em funcionamento e vender rapidamente. Saiba mais sobre as opções de design do Instant Siteou inscreva-se gratuitamente para vê-lo em ação.
Como alterar as fontes no editor Ecwid Instant Site:
- Vá para o Site guia em seu painel de controle Ecwid e clique em “Editar;”
- Selecione “Título e capa;”
- Digite o título e a descrição da sua loja. Escolha o layout da capa e altere sua posição e alinhamento, se necessário. A partir daqui, você também pode alterar o plano de fundo e o botão de call to action, se desejar;
- Role para baixo e selecione “Tipografia”;
- Escolha famílias de fontes, cores e tamanhos para seu título e descrição;
- Não se esqueça de pressionar o botão “Salvar” quando terminar.
Spirax + Open Sans Condensado
As curvas originais do Spirax dão às manchetes uma aparência refinada, mas extravagante, que é
Merriweather + Oswald
Merriweather é agradável de ler nas telas com suas letras ligeiramente condensadas, serifas robustas e formas abertas. Está em perfeita sintonia com Oswald, uma fonte inspirada nos estilos clássicos gótico e grotesco do final do século XIX e início do século XX. Este emparelhamento pode ser adequado para uma loja que vende
Abril Fatface + Cabana
As serifas finas e
Montserrat + Merriweather
Montserrat é baseado na tipografia urbana da primeira metade do século XX, complementada pelas letras ligeiramente condensadas de Merriweather. Essa combinação ficaria bem servida em uma loja de bolsas ou tênis.
Overlock + Nunito
As formas arredondadas dos glifos do Overlock criam ótimos títulos e textos curtos em
Tela Playfair + Fonte Sans Pro
O estilo clássico do Playfair Display ganha ainda mais destaque quando combinado com o Source Sans Pro, que foi criado para funcionar bem em interfaces de usuário. Essa combinação atemporal funcionaria bem com lojas especializadas em produtos de beleza femininos ou lojas de vestidos.
Alegreya + Lato
O ritmo dinâmico e variado de Alegreya traz frescor à página, dando início ao estilo de Lato
Rokkitt + Lato
Rokkitt foi projetado para uso como fonte de exibição em títulos e manchetes. Combine-o com
Areia Movediça + Próxima Nova
As formas geométricas são a base central do Quicksand, então combine-o com a sensibilidade moderna do Proxima Nova para dar ao seu layout um toque limpo e fresco. Se você vende brinquedos ou carrinhos de bebê, essas fontes podem funcionar bem para você.
Oxigênio + Maven Pro
O Oxygen funciona bem em todas as interfaces gráficas de usuário, desktops e dispositivos, especialmente em combinação com a fácil legibilidade do Maven Pro. Confira esta combinação se o seu site vende óculos ou acessórios de fitness.
Roteiro de Dança + Lato
O Dancing Script animado e casual dá à sua página um toque amigável e informal, enfatizando as proporções clássicas de Lato e a elegante estética san serif. Lojas de presentes e cartões postais podem se beneficiar deste conjunto.
Signika + Dose
O caráter gentil de Signika funciona muito bem para manchetes, enquanto Dosis torna os textos suplementares bastante fáceis de ler. Essa combinação funciona para uma ampla variedade de lojas, de eletrônicos a flores.
Gorro Reenie + Muli
Reenie Beanie é baseado em básico
Questrial + Muli
San serif Muli é uma fonte de texto perfeita e sua estética discreta significa que combina bem com uma ampla variedade de fontes de títulos: como Questrial com seu estilo moderno e
Berkshire Swash + Proxima Nova
Berkshire Swash tem um toque ousado, mas suave, que cria um título vívido e fornece um equilíbrio incrível com as proporções simples e modernas e a aparência geométrica de Proxima Nova. Cosméticos artesanais ou sobremesas se beneficiariam com essa mistura.
Noções básicas de pares de fontes
Não encontrou o que procurava em nossa lista? Se você estiver se sentindo criativo, tente brincar com as fontes no editor gratuito do Instant Site e encontre sua própria bela combinação de fontes.
Aqui estão algumas diretrizes básicas a serem seguidas:
- Crie um contraste entre suas fontes (negrito e cursivo, ALTO e baixo)
- Combine serifa e
sem serifa fontes (como Libre Baskerville + Signika). - Não use duas fontes semelhantes (por exemplo, duas letras cursivas) tanto para o título quanto para o corpo do texto. Criar variedade chamará a atenção e ajudará seu cliente a se envolver com cada seção individualmente.
- Faça com que a fonte corresponda à sua marca. Cartas manuscritas divertidas provavelmente não são a melhor opção para uma marca de joias premium.
- Limite-se a
2-3 fontes para evitar que seu conteúdo pareça confuso.
Veja também: 50 lojas online exemplares construídas com Ecwid
- Como consertar a navegação da sua loja
- Tudo o que você precisa saber sobre merchandising de produtos
- Merchandising online: como fazer o layout de produtos na loja online
- O que é merchandising de moda e por que é tão importante?
- 10 erros de design de lojas online
- 15 pares de fontes perfeitos para o seu site de comércio eletrônico
- Teoria das cores: tudo o que você precisa saber sobre temas de cores
- 7 ideias criativas para sua página de produto de comércio eletrônico
- O poder de uma imagem heróica em web design
Must-have Princípios de UX a serem seguidos em uma loja online- Auditoria de design do site
- Desbloqueando o poder do design UX para comércio eletrônico
- Qual é a diferença entre UI e UX no comércio eletrônico?