Stylepack

Fontes

As fontes que o chatbase.co usa

O chatbase.co usa Geist nos títulos e no texto corrido. Geist é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Geist, Inter.

Medido no chatbase.co há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

2 famílias
Geist
Usada em
h1, h2, h3, body, button
Origem
Auto-hospedada
Alternativa gratuita
Geist
Inter
Usada em
label
Origem
Auto-hospedada
Alternativa gratuita
Inter

CSS para reproduzir

Variáveis de fonte com a substituta gratuita na pilha, para que o mesmo CSS funcione com ou sem a fonte licenciada.

:root {
  --font-heading: "Geist", "Geist", sans-serif; /* Geist stands in for Geist */
  --font-body: "Geist", "Geist", sans-serif; /* Geist stands in for Geist */
  --font-size-base: 16px;
}

Como o texto é composto

headline-displayQuick brown foxGeist / 64px / 500 / lh 70.4px / -2.56px
headline-lgQuick brown foxGeist / 48px / 500 / lh 52.8px / -0.96px
headline-mdQuick brown foxGeist / 32px / 500 / lh 41.6px / -0.64px
body-mdThe quick brown fox jumps over the lazy dogGeist / 16px / 500 / lh 24px / -0.32px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 500 / lh 1.3 / -0.12px
buttonThe quick brown fox jumps over the lazy dogGeist / 16px / 500 / lh 24px / -0.32px
Tamanhos de fonte em uso
12141620324864

Para agentes de IA

O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.

curl -s https://stylepack.ai/packs/chatbase.co/DESIGN.md

Perguntas

Qual fonte o chatbase.co usa?

O chatbase.co usa Geist, Inter. Os títulos são compostos em Geist e o texto corrido em Geist, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do chatbase.co é gratuita?

Não. Geist é uma fonte licenciada que o próprio chatbase.co serve. A alternativa gratuita mais próxima é Geist, Inter, disponível no Google Fonts. O CSS desta página a coloca na pilha de fontes como substituta.

Como ter a mesma tipografia do chatbase.co no meu projeto?

Baixe o pacote de design do chatbase.co no Stylepack: ele traz a pilha de fontes, a escala tipográfica, todos os estilos de texto e as capturas de tela, em um formato que um agente de código com IA, como Claude Code ou Cursor, consegue usar para construir.