Stylepack

Polices

Les polices de chatbase.co

chatbase.co compose ses titres et son texte courant en Geist. Geist est une police sous licence que le site héberge lui-même. L’équivalent gratuit le plus proche sur Google Fonts : Geist, Inter.

Mesuré sur chatbase.co il y a 4 jours.

Ouvrir le pack de design completTélécharger le pack

Familles de polices

2 familles
Geist
Utilisée pour
h1, h2, h3, body, button
Origine
Auto-hébergée
Alternative gratuite
Geist
Inter
Utilisée pour
label
Origine
Auto-hébergée
Alternative gratuite
Inter

Le CSS pour la reproduire

Variables de police avec l’équivalent gratuit dans la pile, pour que le même CSS fonctionne avec ou sans la police sous licence.

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

Comment le texte est composé

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
Tailles de police utilisées
12141620324864

Pour les agents IA

Le pack est du texte brut, sans clé : récupérez DESIGN.md, ou confiez tout le pack à Claude Code, Cursor ou Copilot via le serveur MCP.

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

Questions

Quelle police utilise chatbase.co ?

chatbase.co utilise Geist, Inter. Les titres sont composés en Geist et le texte courant en Geist, mesurés sur le site tel qu’il s’affiche, pas lus dans sa feuille de style.

La police de chatbase.co est-elle gratuite ?

Non. Geist est une police sous licence que chatbase.co héberge lui-même. L’équivalent gratuit le plus proche est Geist, Inter, disponible sur Google Fonts. Le CSS de cette page le place dans la pile de polices comme substitut.

Comment obtenir la même typographie que chatbase.co dans mon projet ?

Téléchargez le pack de design de chatbase.co sur Stylepack : il contient la pile de polices, l’échelle typographique, chaque style de texte et les captures, sous une forme qu’un agent de code IA comme Claude Code ou Cursor peut exploiter.