Stylepack

Font

Font yang dipakai duolingo.com

duolingo.com memakai duolingo-sans untuk judul dan teks isinya. duolingo-sans dimuat oleh situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari duolingo.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
duolingo-sans
Dipakai untuk
h1, body, button
Sumber
pengganti Inter
Alternatif gratis
Inter
feather
Dipakai untuk
h2
Sumber
pengganti Inter
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: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-body: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-size-base: 17px;
}

Cara teksnya ditata

headline-displayQuick brown foxduolingo-sans / 32px / 700 / lh 1.4
headline-lgQuick brown foxfeather / 48px / 700 / lh 1.4
headline-mdQuick brown foxduolingo-sans / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 17px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogduolingo-sans / 15px / 700 / lh 1.4 / 0.8px
Ukuran font yang dipakai
15173248

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

Pertanyaan

Font apa yang dipakai duolingo.com?

duolingo.com memakai duolingo-sans, feather. Judul ditata dengan duolingo-sans dan teks isi dengan duolingo-sans, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font duolingo.com gratis dipakai?

Tidak. duolingo-sans adalah font berlisensi yang disajikan duolingo.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 duolingo.com di proyek saya?

Unduh paket desain duolingo.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.