Stylepack

Fuentes

Las fuentes que usa chatbase.co

chatbase.co compone sus titulares y su texto de cuerpo en Geist. Geist es una fuente con licencia que el sitio sirve por su cuenta. La alternativa gratuita más parecida en Google Fonts: Geist, Inter.

Medido en chatbase.co hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

2 familias
Geist
Se usa para
h1, h2, h3, body, button
Origen
Autoalojada
Alternativa gratuita
Geist
Inter
Se usa para
label
Origen
Autoalojada
Alternativa gratuita
Inter

CSS para reproducirlo

Variables de fuente con la alternativa gratuita en la pila, así el mismo CSS funciona con o sin la fuente con licencia.

: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;
}

Cómo se compone el texto

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
Tamaños de fuente en uso
12141620324864

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

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

Preguntas

¿Qué fuente usa chatbase.co?

chatbase.co usa Geist, Inter. Los titulares van en Geist y el texto de cuerpo en Geist, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de chatbase.co es gratuita?

No. Geist es una fuente con licencia que chatbase.co sirve por su cuenta. La alternativa gratuita más parecida es Geist, Inter, disponible en Google Fonts. El CSS de esta página la pone en la pila de fuentes como sustituta.

¿Cómo consigo la misma tipografía que chatbase.co en mi proyecto?

Descarga el paquete de diseño de chatbase.co en Stylepack: contiene la pila de fuentes, la escala tipográfica, cada estilo de texto y las capturas, en un formato con el que un agente de programación con IA como Claude Code o Cursor puede construir.