Stylepack

Font

Font yang dipakai monzo.com

monzo.com memakai MonzoSansDisplay untuk judul dan MonzoSansText untuk teks isinya. MonzoSansDisplay adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari monzo.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
MonzoSansDisplay
Dipakai untuk
h1, h2, h3
Sumber
Dihosting sendiri
Alternatif gratis
Inter
MonzoSansText
Dipakai untuk
body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

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

Cara teksnya ditata

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
Ukuran font yang dipakai
1316202531394449

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

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

Pertanyaan

Font apa yang dipakai monzo.com?

monzo.com memakai MonzoSansDisplay, MonzoSansText. Judul ditata dengan MonzoSansDisplay dan teks isi dengan MonzoSansText, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font monzo.com gratis dipakai?

Tidak. MonzoSansDisplay adalah font berlisensi yang disajikan monzo.com sendiri. Padanan gratis terdekatnya adalah Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti monzo.com di proyek saya?

Unduh paket desain monzo.com dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.