Stylepack

Fontes

As fontes que o github.com usa

O github.com usa Mona Sans nos títulos e no texto corrido. Mona Sans é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Inter.

Medido no github.com há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

3 famílias
Mona Sans
Usada em
h1, h2, h3, body, label, button
Origem
Auto-hospedada
Alternativa gratuita
Inter
Mona Sans VF
Usada em
button
Origem
substituta Inter
Alternativa gratuita
Inter
Mona Sans Mono
Usada em
code
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: "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;
}

Como o texto é composto

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
Tamanhos de fonte em uso
111214161822244064

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

Perguntas

Qual fonte o github.com usa?

O github.com usa Mona Sans, Mona Sans VF, Mona Sans Mono. Os títulos são compostos em Mona Sans e o texto corrido em Mona Sans, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do github.com é gratuita?

Não. Mona Sans é uma fonte licenciada que o próprio github.com serve. A alternativa gratuita mais próxima é 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 github.com no meu projeto?

Baixe o pacote de design do github.com 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.