Polices

Les polices de headspace.com

headspace.com compose ses titres et son texte courant en Headspace Apercu. Headspace Apercu est une police sous licence que le site héberge lui-même. L’équivalent gratuit le plus proche sur Google Fonts : Figtree.

Mesuré sur headspace.com il y a 4 jours.

Familles de polices

1 famille
Headspace Apercu
Utilisée pour
h2, h3, body, label, button
Origine
Auto-hébergée
Alternative gratuite
Figtree

Le CSS pour la reproduire

Variables de police avec l’équivalent gratuit dans la pile, pour que le même CSS fonctionne avec ou sans la police sous licence.

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

Comment le texte est composé

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
Tailles de police utilisées
12141618202432406472

Pour les agents IA

Le pack est du texte brut, sans clé : récupérez DESIGN.md, ou confiez tout le pack à Claude Code, Cursor ou Copilot via le serveur MCP.

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

Questions

Quelle police utilise headspace.com ?

headspace.com utilise Headspace Apercu. Les titres sont composés en Headspace Apercu et le texte courant en Headspace Apercu, mesurés sur le site tel qu’il s’affiche, pas lus dans sa feuille de style.

La police de headspace.com est-elle gratuite ?

Non. Headspace Apercu est une police sous licence que headspace.com héberge lui-même. L’équivalent gratuit le plus proche est Figtree, disponible sur Google Fonts. Le CSS de cette page le place dans la pile de polices comme substitut.

Comment obtenir la même typographie que headspace.com dans mon projet ?

Téléchargez le pack de design de headspace.com sur Stylepack : il contient la pile de polices, l’échelle typographique, chaque style de texte et les captures, sous une forme qu’un agent de code IA comme Claude Code ou Cursor peut exploiter.