Stylepack

Fonts

The fonts monzo.com uses

monzo.com sets its headlines in MonzoSansDisplay and its body text in MonzoSansText. MonzoSansDisplay is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from monzo.com 4 days ago.

Open the full design packDownload the pack

Font families

2 families
MonzoSansDisplay
Used for
h1, h2, h3
Source
Self-hosted
Free alternative
Inter
MonzoSansText
Used for
body, label, button
Source
Self-hosted
Free alternative
Inter

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

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

How the type is set

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
Font sizes in use
1316202531394449

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

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

Questions

What font does monzo.com use?

monzo.com uses MonzoSansDisplay, MonzoSansText. Headlines are set in MonzoSansDisplay and body text in MonzoSansText, measured from the site as it renders, not read from its stylesheet.

Is the monzo.com font free to use?

No. MonzoSansDisplay is a licensed font that monzo.com serves itself. The closest free match is Inter, available on Google Fonts. The CSS on this page puts it in the font stack as the stand-in.

How do I get the same typography as monzo.com in my project?

Download the monzo.com design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.