Fontes

As fontes que o causal.so usa

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

Medido no causal.so há 4 dias.

Famílias de fontes

3 famílias
Manrope Variable
Usada em
h1, h2, h3, button, label
Origem
Auto-hospedada
Alternativa gratuita
Manrope
Inter Variable
Usada em
body, label
Origem
Auto-hospedada
Alternativa gratuita
Inter
ui-monospace
Usada em
code
Origem
sistema
Alternativa gratuita
Já é gratuita

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: "Manrope Variable", "Manrope", sans-serif; /* Manrope stands in for Manrope Variable */
  --font-body: "Manrope Variable", "Manrope", sans-serif; /* Manrope stands in for Manrope Variable */
  --font-mono: "ui-monospace", monospace;
  --font-size-base: 14px;
}

Como o texto é composto

headline-displayQuick brown foxManrope Variable / 60px / 700 / lh 72px
headline-lgQuick brown foxManrope Variable / 50px / 650 / lh 70px
headline-mdQuick brown foxManrope Variable / 24px / 600 / lh 38px
body-mdThe quick brown fox jumps over the lazy dogInter Variable / 14px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogManrope Variable / 16px / 500 / lh 23px
buttonThe quick brown fox jumps over the lazy dogManrope Variable / 20px / 600 / lh 30px
codeconst pack = extract(url)ui-monospace / 12px / 350 / lh 18px
Tamanhos de fonte em uso
1214162024405060

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/causal.so/DESIGN.md

Perguntas

Qual fonte o causal.so usa?

O causal.so usa Manrope Variable, Inter Variable, ui-monospace. Os títulos são compostos em Manrope Variable e o texto corrido em Inter Variable, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do causal.so é gratuita?

Não. Manrope Variable é uma fonte licenciada que o próprio causal.so serve. A alternativa gratuita mais próxima é Manrope, 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 causal.so no meu projeto?

Baixe o pacote de design do causal.so 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.