Stylepack

Fuentes

Las fuentes que usa supabase.com

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

Medido en supabase.com hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

2 familias
Manrope
Se usa para
h1, h2, h3
Origen
Autoalojada
Alternativa gratuita
Manrope
Inter
Se usa para
body, label, button
Origen
Autoalojada
Alternativa gratuita
Inter

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

Cómo se compone el texto

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

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

Preguntas

¿Qué fuente usa supabase.com?

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

¿La fuente de supabase.com es gratuita?

No. Manrope es una fuente con licencia que supabase.com sirve por su cuenta. La alternativa gratuita más parecida es Manrope, Inter, 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 supabase.com en mi proyecto?

Descarga el paquete de diseño de supabase.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.