Stylepack

Fontes

As fontes que o relume.ai usa

O relume.ai usa Geist Variable nos títulos e no texto corrido. Geist Variable é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Geist.

Medido no relume.ai há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

1 família
Geist Variable
Usada em
h1, h2, h3, body, label, button
Origem
Auto-hospedada
Alternativa gratuita
Geist

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: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-body: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-size-base: 18px;
}

Como o texto é composto

headline-displayQuick brown foxGeist Variable / 56px / 400 / lh 67.2px / -1.68px
headline-lgQuick brown foxGeist Variable / 40px / 400 / lh 48px / -0.8px
headline-mdQuick brown foxGeist Variable / 18px / 400 / lh 25.2px / -0.36px
body-mdThe quick brown fox jumps over the lazy dogGeist Variable / 18px / 400 / lh 27px
label-mdThe quick brown fox jumps over the lazy dogGeist Variable / 12px / 400 / lh 18px
buttonThe quick brown fox jumps over the lazy dogGeist Variable / 14px / 500 / lh 20.02px
Tamanhos de fonte em uso
101214161828324056

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/relume.ai/DESIGN.md

Perguntas

Qual fonte o relume.ai usa?

O relume.ai usa Geist Variable. Os títulos são compostos em Geist Variable e o texto corrido em Geist Variable, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do relume.ai é gratuita?

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

Como ter a mesma tipografia do relume.ai no meu projeto?

Baixe o pacote de design do relume.ai 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.