Stylepack

Fuentes

Las fuentes que usa headspace.com

headspace.com compone sus titulares y su texto de cuerpo en Headspace Apercu. Headspace Apercu es una fuente con licencia que el sitio sirve por su cuenta. La alternativa gratuita más parecida en Google Fonts: Figtree.

Medido en headspace.com hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

1 familia
Headspace Apercu
Se usa para
h2, h3, body, label, button
Origen
Autoalojada
Alternativa gratuita
Figtree

CSS para reproducirlo

Variables de fuente con la alternativa gratuita en la pila, así el mismo CSS funciona con o sin la fuente con licencia.

: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;
}

Cómo se compone el texto

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
Tamaños de fuente en uso
12141618202432406472

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

curl -s https://stylepack.ai/packs/headspace.com/DESIGN.md

Preguntas

¿Qué fuente usa headspace.com?

headspace.com usa Headspace Apercu. Los titulares van en Headspace Apercu y el texto de cuerpo en Headspace Apercu, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de headspace.com es gratuita?

No. Headspace Apercu es una fuente con licencia que headspace.com sirve por su cuenta. La alternativa gratuita más parecida es Figtree, disponible en Google Fonts. El CSS de esta página la pone en la pila de fuentes como sustituta.

¿Cómo consigo la misma tipografía que headspace.com en mi proyecto?

Descarga el paquete de diseño de headspace.com en Stylepack: contiene la pila de fuentes, la escala tipográfica, cada estilo de texto y las capturas, en un formato con el que un agente de programación con IA como Claude Code o Cursor puede construir.