Stylepack

Fontes

As fontes que o linear.app usa

O linear.app usa Inter Variable nos títulos e no texto corrido. Inter Variable é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Inter, JetBrains Mono.

Medido no linear.app há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

2 famílias
Inter Variable
Usada em
h1, h2, h3, body, label, button
Origem
Auto-hospedada
Alternativa gratuita
Inter
Berkeley Mono
Usada em
code
Origem
Auto-hospedada
Alternativa gratuita
JetBrains Mono

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: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
  --font-size-base: 24px;
}

Como o texto é composto

headline-displayQuick brown foxInter Variable / 64px / 510 / lh 64px / -1.408px
headline-lgQuick brown foxInter Variable / 48px / 510 / lh 48px / -1.056px
headline-mdQuick brown foxInter Variable / 13px / 510 / lh 19.5px / -0.13px
body-mdThe quick brown fox jumps over the lazy dogInter Variable / 24px / 400 / lh 31.92px / -0.288px
label-mdThe quick brown fox jumps over the lazy dogInter Variable / 12px / 400 / lh 1.17
buttonThe quick brown fox jumps over the lazy dogInter Variable / 15px / 400 / lh 24px / -0.165px
codeconst pack = extract(url)Berkeley Mono / 14px / 400 / lh 24px
Tamanhos de fonte em uso
101112131415162024486472

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/linear.app/DESIGN.md

Perguntas

Qual fonte o linear.app usa?

O linear.app usa Inter Variable, Berkeley Mono. Os títulos são compostos em Inter Variable e o texto corrido em Inter Variable, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do linear.app é gratuita?

Não. Inter Variable é uma fonte licenciada que o próprio linear.app serve. A alternativa gratuita mais próxima é Inter, JetBrains Mono, disponível no Google Fonts. O CSS desta página a coloca na pilha de fontes como substituta.

Como ter a mesma tipografia do linear.app no meu projeto?

Baixe o pacote de design do linear.app 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.