Stylepack

Fonts

The fonts chatbase.co uses

chatbase.co sets its headlines and body text in Geist. Geist is a licensed font the site serves itself. The closest free match on Google Fonts: Geist, Inter.

Measured from chatbase.co 4 days ago.

Open the full design packDownload the pack

Font families

2 families
Geist
Used for
h1, h2, h3, body, button
Source
Self-hosted
Free alternative
Geist
Inter
Used for
label
Source
Self-hosted
Free alternative
Inter

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

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

How the type is set

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
Font sizes in use
12141620324864

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

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

Questions

What font does chatbase.co use?

chatbase.co uses Geist, Inter. Headlines are set in Geist and body text in Geist, measured from the site as it renders, not read from its stylesheet.

Is the chatbase.co font free to use?

No. Geist is a licensed font that chatbase.co serves itself. The closest free match is Geist, Inter, available on Google Fonts. The CSS on this page puts it in the font stack as the stand-in.

How do I get the same typography as chatbase.co in my project?

Download the chatbase.co design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.