Pular para o conteúdo
Versão .md Baixar tudo

Tipografia

Copia esta página em Markdown, para colar no ChatGPT, no Claude ou no Gemini.

Que fonte usar em cada papel, em que tamanhos, e onde baixar os arquivos.

3pendências nesta página

O essencial

  • Use Poppins em títulos.
  • Use Poppins em subtítulos e texto corrido.
  • Use JetBrains Mono em números, códigos de API e rótulos técnicos.
  • Mantenha o tamanho entre 64px (H1) e 13px (legenda).
  • Sem a fonte instalada, troque por Arial Black / Arial Bold, Arial ou Consolas / Courier New.

Famílias

3 famílias, cada uma com uma função.

exemplo
Display · Poppins · 700, 600

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ÁÉÍÓÚ ÂÊÔ ÃÕ Ç

Baixar fonte 10 arquivos WOFF2
exemplo
Texto · Poppins · 300, 400, 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ÁÉÍÓÚ ÂÊÔ ÃÕ Ç

Baixar fonte 10 arquivos WOFF2
exemplo
Dados · JetBrains Mono · 400, 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ÁÉÍÓÚ ÂÊÔ ÃÕ Ç

Baixar fonte 4 arquivos WOFF2

Fazemos e nunca fazemos

Cada família tem a sua função. O texto é o mesmo; o erro é desviar do que o manual define.

Fazemos
exemplo
Poppins

Liberdade contratual

Nunca fazemos
exemplo
Georgia (fonte de sistema)

Liberdade contratual

Poppins é a fonte de títulos. Uma fonte de sistema com serifa muda a personalidade da marca e ignora os pesos definidos.
Fazemos
exemplo
Poppins

Atendimento consultivo de quem entende de crédito, e não de ticket.

Nunca fazemos
exemplo
Georgia (fonte de sistema)

Atendimento consultivo de quem entende de crédito, e não de ticket.

Poppins é a fonte de subtítulos e texto corrido. Erro: fonte de sistema com serifa.
Fazemos
exemplo
JetBrains Mono

Agilidade técnica

Nunca fazemos
exemplo
Georgia (fonte de sistema)

Agilidade técnica

JetBrains Mono é a fonte de números, códigos de API, rótulos técnicos. Erro: fonte de sistema com serifa.

Teste a fonte

Digite um texto e veja a fonte nos pesos e tamanhos da marca.

exemplo
Cada decisão sem dado preciso é uma aposta.
Especificação técnicaCódigos, contrastes e medidas

Hierarquia em tamanho real · escala 1.333 · grid 8px

exemplo
Do acesso ao resultado
H1 Poppins · 700 64px / 1.05
Dado certo, decisão segura
H2 Poppins · 700 40px / 1.1
Parceiro, não fornecedor
H3 Poppins · 700 24px / 1.25
Uma datatech séria que entende de crédito: calma, segura e consultiva.
Texto Poppins · 300 17px / 1.6
SCORE POSITIVO · sistema de marca
Legenda e dado JetBrains Mono · 400 13px / 1.4

As amostras acima estão reduzidas a 50% para caber na página; os tamanhos reais da marca estão ao lado de cada nível.

Tracking do logotipo e dos títulos: · tracking dos rótulos: +6%

Licença e pacotes

FamíliaUsoPesosEstilosLicençaPacote
Poppinstítulos (Bold), conforme manual700, 600normalOFL@fontsource/poppins
Poppinssubtítulos (Medium) e texto corrido (Light/Regular), conforme manual300, 400, 500normalOFL@fontsource/poppins
JetBrains MonoPROPOSTA (não está no manual): números, códigos de API, rótulos técnicos400, 500normalOFL@fontsource/jetbrains-mono

Fontes substitutas · Office e Canva

Poppins é Google Font gratuita e existe no Canva e no Google Docs/Slides. Use as substitutas só no Word/PowerPoint sem a fonte instalada.

PapelMarcaSubstitutaOnde usarMotivo
Display Poppins Arial Black / Arial Bold Títulos no Word e PowerPoint sem Poppins Sem serifa, pesada, instalada de fábrica.
Texto Poppins Arial Texto corrido em documentos e e-mails Sem serifa, neutra, presente em qualquer computador.
Dados JetBrains Mono Consolas / Courier New Códigos e números técnicos Monoespaçada instalada de fábrica.

Downloads

Arquivos .woff2 empacotados com o site, sem depender de CDN. Licença OFL: as famílias podem ser instaladas nos formatos originais pelos pacotes indicados na especificação.

1 asset

JetBrains Mono (dados)

PROPOSTA (não está no manual): números, códigos de API, rótulos técnicos

  • WOFF2

Setas para escolher · Enter para abrir · Esc para fechar

Converse com a marca

Perguntar à IA

Perguntas prontas

    Ver o prompt completo
     

    Levar para a IA

    Ao abrir uma IA, o prompt também é copiado. Se o campo vier vazio, cole com Ctrl+V. Sem internet, os botões só copiam. Limite: 1500 caracteres.