Globais
Home – Fontes
Manual de Uso: FONTES
A escolha da fonte e do peso dos cabeçalhos afeta globalmente todos os níveis de H1 a H6. Este guia tem como objetivo ajudar os usuários a entender como cada fonte pode ser utilizada de forma prática, oferecendo exemplos e dicas para otimizar a identidade visual e a experiência de leitura.
Fontes Disponíveis
Descrição das Fontes e Exemplos de Aplicação
01 - Lato
Descrição: Uma fonte sem serifa, moderna e leve. Funciona bem para projetos que precisam transmitir simplicidade e profissionalismo.
Usos Recomendados:
– Cabeçalhos (H1 a H6): Indicada para projetos corporativos, institucionais e landing pages simples.
– Textos do Corpo: Garante legibilidade em dispositivos móveis e desktops.
Exemplo de Aplicação:
– Cabeçalhos: “Soluções Inteligentes para Seu Negócio” (Peso 600 – Semi-Bold).
– Tamanhos sugeridos: H1 (60px), H2 (48px), H3 (36px).
LATO (400)- Ockham, o simples bem feito.
LATO (500)- Ockham, o simples bem feito.
LATO (600)- Ockham, o simples bem feito.
LATO (700)- Ockham, o simples bem feito.
LATO (800)- Ockham, o simples bem feito.
02 - Merriweather
Descrição: Fonte com serifa, projetada para leitura prolongada. É elegante e ideal para projetos que buscam um estilo mais formal e clássico.
Usos Recomendados:
– Cabeçalhos (H1 a H6): Para páginas institucionais, blogs ou projetos com estilo tradicional.
– Textos do Corpo: Excelente para artigos, descrições detalhadas e conteúdos mais densos.
Exemplo de Aplicação:
– Cabeçalhos: “A Tradição que Você Confia” (Peso 700 – Bold).
– Tamanhos sugeridos: H1 (54px), H2 (48px), H3 (36px).
MERRIWEATHER (400)- Ockham, o simples bem feito.
MERRIWEATHER (500)- Ockham, o simples bem feito.
MERRIWEATHER (600)- Ockham, o simples bem feito.
MERRIWEATHER (700)- Ockham, o simples bem feito.
MERRIWEATHER (800)- Ockham, o simples bem feito.
03 - Montserrat
Descrição: Fonte geométrica sem serifa, moderna e minimalista. Bastante versátil, é uma das fontes mais utilizadas em projetos digitais.
Usos Recomendados:
– Cabeçalhos (H1 a H6): Para campanhas publicitárias, landing pages e portfólios criativos.
– Textos do Corpo: Boa escolha para descrições curtas e textos informativos.
Exemplo de Aplicação:
– Cabeçalhos: “Inovação para Transformar seu Negócio” (Peso 800 – Extra-Bold).
– Tamanhos sugeridos: H1 (60px), H2 (48px), H3 (36px).
MONTSERRAT (400)- Ockham, o simples bem feito.
MONTSERRAT (500)- Ockham, o simples bem feito.
MONTSERRAT (600)- Ockham, o simples bem feito.
MONTSERRAT (700)- Ockham, o simples bem feito.
MONTSERRAT (800)- Ockham, o simples bem feito.
04 - Nunito
Descrição: Fonte geométrica sem serifa, moderna e minimalista. Bastante versátil, é uma das fontes mais utilizadas em projetos digitais.
Usos Recomendados:
– Cabeçalhos (H1 a H6): Para campanhas publicitárias, landing pages e portfólios criativos.
– Textos do Corpo: Boa escolha para descrições curtas e textos informativos.
Exemplo de Aplicação:
– Cabeçalhos: “Inovação para Transformar seu Negócio” (Peso 800 – Extra-Bold).
– Tamanhos sugeridos: H1 (60px), H2 (48px), H3 (36px).
NUNITO (400)- Ockham, o simples bem feito.
NUNITO (500)- Ockham, o simples bem feito.
NUNITO (600)- Ockham, o simples bem feito.
NUNITO (700)- Ockham, o simples bem feito.
NUNITO (800)- Ockham, o simples bem feito.
05 - Poppins
Descrição: Fonte geométrica sem serifa, moderna e minimalista. Bastante versátil, é uma das fontes mais utilizadas em projetos digitais.
Usos Recomendados:
– Cabeçalhos (H1 a H6): Para campanhas publicitárias, landing pages e portfólios criativos.
– Textos do Corpo: Boa escolha para descrições curtas e textos informativos.
Exemplo de Aplicação:
– Cabeçalhos: “Inovação para Transformar seu Negócio” (Peso 800 – Extra-Bold).
– Tamanhos sugeridos: H1 (60px), H2 (48px), H3 (36px).
POPPINS (400)- Ockham, o simples bem feito.
POPPINS (500)- Ockham, o simples bem feito.
POPPINS (600)- Ockham, o simples bem feito.
POPPINS (700)- Ockham, o simples bem feito.
POPPINS (800)- Ockham, o simples bem feito.
06 - Roboto
Descrição: Uma fonte moderna e altamente legível, projetada para interfaces digitais.
Usos Recomendados:
– Cabeçalhos (H1 a H6): Excelente para designs profissionais e minimalistas.
– Textos do Corpo: Versátil, pode ser usada tanto em textos curtos quanto longos.
Exemplo de Aplicação:
– Cabeçalhos: “Estamos Prontos para o Futuro” (Peso 600 – Semi-Bold).
– Tamanhos sugeridos: H1 (60px), H2 (48px), H3 (36px).