Stylepack

Fontes

As fontes que o headspace.com usa

O headspace.com usa Headspace Apercu nos títulos e no texto corrido. Headspace Apercu é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Figtree.

Medido no headspace.com há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

1 família
Headspace Apercu
Usada em
h2, h3, body, label, button
Origem
Auto-hospedada
Alternativa gratuita
Figtree

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: "Headspace Apercu", "Figtree", sans-serif; /* Figtree stands in for Headspace Apercu */
  --font-body: "Headspace Apercu", "Figtree", sans-serif; /* Figtree stands in for Headspace Apercu */
  --font-size-base: 20px;
}

Como o texto é composto

headline-displayQuick brown foxHeadspace Apercu / 52px / 700 / lh 57.2px / -1.56px
headline-lgQuick brown foxHeadspace Apercu / 64px / 700 / lh 64px / -1.92px
headline-mdQuick brown foxHeadspace Apercu / 40px / 700 / lh 46px / -1.2px
body-mdThe quick brown fox jumps over the lazy dogHeadspace Apercu / 20px / 400 / lh 30px / -0.2px
label-mdThe quick brown fox jumps over the lazy dogHeadspace Apercu / 14px / 500 / lh 18px / -0.14px
buttonThe quick brown fox jumps over the lazy dogHeadspace Apercu / 18px / 700 / lh 21.6px / -0.54px
Tamanhos de fonte em uso
12141618202432406472

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

Perguntas

Qual fonte o headspace.com usa?

O headspace.com usa Headspace Apercu. Os títulos são compostos em Headspace Apercu e o texto corrido em Headspace Apercu, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do headspace.com é gratuita?

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

Como ter a mesma tipografia do headspace.com no meu projeto?

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