Stylepack

Polices

Les polices de supabase.com

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

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

Ouvrir le pack de design completTélécharger le pack

Familles de polices

2 familles
Manrope
Utilisée pour
h1, h2, h3
Origine
Auto-hébergée
Alternative gratuite
Manrope
Inter
Utilisée pour
body, label, button
Origine
Auto-hébergée
Alternative gratuite
Inter

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

Comment le texte est composé

headline-displayQuick brown foxManrope / 46px / 500 / lh 46px
headline-lgQuick brown foxManrope / 16px / 600 / lh 24px
headline-mdQuick brown foxManrope / 34px / 600 / lh 37.7778px
body-mdThe quick brown fox jumps over the lazy dogInter / 15px / 450 / lh 22.5px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 500 / lh 1.33
buttonThe quick brown fox jumps over the lazy dogInter / 14px / 450 / lh 20px
Tailles de police utilisées
12131415163446

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

Questions

Quelle police utilise supabase.com ?

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

La police de supabase.com est-elle gratuite ?

Non. Manrope est une police sous licence que supabase.com héberge lui-même. L’équivalent gratuit le plus proche est Manrope, Inter, 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 supabase.com dans mon projet ?

Téléchargez le pack de design de supabase.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.