Stylepack

Fuentes

Las fuentes que usa monzo.com

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

Medido en monzo.com hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

2 familias
MonzoSansDisplay
Se usa para
h1, h2, h3
Origen
Autoalojada
Alternativa gratuita
Inter
MonzoSansText
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: "MonzoSansDisplay", "Inter", sans-serif; /* Inter stands in for MonzoSansDisplay */
  --font-body: "MonzoSansText", "Inter", sans-serif; /* Inter stands in for MonzoSansText */
  --font-size-base: 16px;
}

Cómo se compone el texto

headline-displayQuick brown foxMonzoSansDisplay / 48.8288px / 800 / lh 58.5946px
headline-lgQuick brown foxMonzoSansDisplay / 39.0624px / 800 / lh 46.8749px
headline-mdQuick brown foxMonzoSansDisplay / 25px / 700 / lh 35px
body-mdThe quick brown fox jumps over the lazy dogMonzoSansText / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogMonzoSansText / 12.8px / 400 / lh 17.92px
buttonThe quick brown fox jumps over the lazy dogMonzoSansText / 16px / 400 / lh 22.4px
Tamaños de fuente en uso
1316202531394449

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

Preguntas

¿Qué fuente usa monzo.com?

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

¿La fuente de monzo.com es gratuita?

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

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