Stylepack

Schriften

Die Schriften von monzo.com

monzo.com setzt Überschriften in MonzoSansDisplay und Fließtext in MonzoSansText. MonzoSansDisplay ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter.

vor 4 Tagen auf monzo.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

2 Schriftfamilien
MonzoSansDisplay
Verwendet für
h1, h2, h3
Quelle
Selbst gehostet
Freie Alternative
Inter
MonzoSansText
Verwendet für
body, label, button
Quelle
Selbst gehostet
Freie Alternative
Inter

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

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

So ist der Text gesetzt

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
Verwendete Schriftgrößen
1316202531394449

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

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

Fragen

Welche Schrift benutzt monzo.com?

monzo.com nutzt MonzoSansDisplay, MonzoSansText. Überschriften sind in MonzoSansDisplay gesetzt, Fließtext in MonzoSansText, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von monzo.com frei nutzbar?

Nein. MonzoSansDisplay ist eine lizenzierte Schrift, die monzo.com selbst ausliefert. Die nächste freie Alternative ist Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie monzo.com in mein Projekt?

Lade das Designpaket von monzo.com bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.