Stylepack

Fonts

The fonts github.com uses

github.com sets its headlines and body text in Mona Sans. Mona Sans is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from github.com 4 days ago.

Open the full design packDownload the pack

Font families

3 families
Mona Sans
Used for
h1, h2, h3, body, label, button
Source
Self-hosted
Free alternative
Inter
Mona Sans VF
Used for
button
Source
stand-in Inter
Free alternative
Inter
Mona Sans Mono
Used for
code
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: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
  --font-body: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
  --font-button: "Mona Sans VF", "Inter", sans-serif; /* Inter stands in for Mona Sans VF */
  --font-mono: "Mona Sans Mono", "Inter", monospace; /* Inter stands in for Mona Sans Mono */
  --font-size-base: 18px;
}

How the type is set

headline-displayQuick brown foxMona Sans / 64px / 425 / lh 69.12px / -2.24px
headline-lgQuick brown foxMona Sans / 40px / 460 / lh 48px
headline-mdQuick brown foxMona Sans / 22px / 480 / lh 30.8px
body-mdThe quick brown fox jumps over the lazy dogMona Sans / 18px / 400 / lh 27px / 0.18px
label-mdThe quick brown fox jumps over the lazy dogMona Sans / 16px / 400 / lh 24px / 0.24px
buttonThe quick brown fox jumps over the lazy dogMona Sans / 16px / 500 / lh 24px / 0.24px
codeconst pack = extract(url)Mona Sans Mono / 11px / 400 / lh 10px / 0.21px
Font sizes in use
111214161822244064

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/github.com/DESIGN.md

Questions

What font does github.com use?

github.com uses Mona Sans, Mona Sans VF, Mona Sans Mono. Headlines are set in Mona Sans and body text in Mona Sans, measured from the site as it renders, not read from its stylesheet.

Is the github.com font free to use?

No. Mona Sans is a licensed font that github.com serves itself. The closest free match is 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 github.com in my project?

Download the github.com 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.