Stylepack

Font

Font yang dipakai teenage.engineering

teenage.engineering memakai te-20 untuk judul dan teks isinya. te-20 adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari teenage.engineering 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

1 font family
te-20
Dipakai untuk
body, button, label
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-body: "te-20", "Inter", sans-serif; /* Inter stands in for te-20 */
  --font-size-base: 19.102px;
}

Cara teksnya ditata

headline-displayQuick brown foxte-20 / 48px / 100 / lh 1.4
headline-lgQuick brown foxte-20 / 32px / 100 / lh 1.4
headline-mdQuick brown foxte-20 / 24px / 100 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogte-20 / 19.102px / 100 / lh 22.0408px
label-mdThe quick brown fox jumps over the lazy dogte-20 / 16px / 300 / lh 24px
buttonThe quick brown fox jumps over the lazy dogte-20 / 16px / 100 / lh 1.5
Ukuran font yang dipakai
161940

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/teenage.engineering/DESIGN.md

Pertanyaan

Font apa yang dipakai teenage.engineering?

teenage.engineering memakai te-20. Judul ditata dengan te-20 dan teks isi dengan te-20, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font teenage.engineering gratis dipakai?

Tidak. te-20 adalah font berlisensi yang disajikan teenage.engineering 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 teenage.engineering di proyek saya?

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