04 / Tipografi

Tiga keluarga. Peran yang jelas.

Inter Tight membawa hampir semua teks. IBM Plex Mono untuk data dan metadata. Instrument Serif hanya untuk penekanan editorial yang jarang. Tidak ada keluarga keempat.

Inter Tight ≈ 90%IBM Plex Mono ≈ 7%Instrument Serif ≈ 3%
Spesimen

Keluarga dan bobot.

Utama — UI, konten, judulDisetujui
Inter Tight
Regular 400Medium 500SemiBold 600Bold 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · ! ? & @ € Rp % ( ) — “ ”
Data — tanggal, status, kode, referensiDisetujui
IBM Plex Mono
Regular 400Medium 500
SAB 14 NOV 2026 · 19.00 CET · ZERNIKE CAMPUS · REF-2026-011
Editorial — penekanan singkat yang jarangDisetujui
Instrument Serif
Regular 400Italic 400
Dari Groningen, untuk Indonesia.
Skala

Skala tipografi website.

Ukuran desktop dari tata kelola tipografi website. Di layar kecil, judul mengecil secara progresif — jangan memaksakan ukuran desktop di ponsel.

Heading 1
68 px / 110%
Belajar di Groningen, kembali untuk Indonesia
Heading 2
52 px / 120%
Belajar di Groningen, kembali untuk Indonesia
Heading 3
40 px / 120%
Belajar di Groningen, kembali untuk Indonesia
Heading 4
32 px / 130%
Belajar di Groningen, kembali untuk Indonesia
Heading 5
24 px / 140%
Belajar di Groningen, kembali untuk Indonesia
Heading 6
20 px / 140%
Belajar di Groningen, kembali untuk Indonesia
Lead
18 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Body
16 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Sekunder
14 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Keterangan
12 px / 150%
Belajar di Groningen, kembali untuk Indonesia

Disetujui docs/PRD_TYPOGRAPHY_FONT_GOVERNANCE.md §6.

Dalam praktik

UI dan teks panjang.

Contoh UI

PROGRAM · SAB 14 NOV 2026

Diskusi publik: energi dan kota

Satu pesan utama, metadata dalam Plex Mono, dan satu aksi utama.

Lihat detail

Contoh Konten contoh, bukan acara nyata.

Contoh teks panjang

Banyak perjalanan dimulai sendiri. Di Groningen, sebagian perjalanan itu kemudian bertemu — di ruang kelas, di dapur bersama, di diskusi yang berlanjut setelah acara selesai.

Datang membawa tujuan. Pulang membawa pengalaman.

Baris ideal 60–75 karakter. Kutipan Instrument Serif hanya satu per artikel. Usulan — perlu persetujuan

Lisensi & sumber

Semua font berlisensi terbuka.

FontLisensiPemegang hak ciptaSumber
Inter TightSIL OFL 1.1The Inter Project Authors (2022)github.com/rsms/inter-tight
IBM Plex MonoSIL OFL 1.1IBM Corp. (2017)github.com/IBM/plex
Instrument SerifSIL OFL 1.1The Instrument Serif Project Authors (2022)github.com/Instrument/instrument-serif

Lisensi dan atribusi diverifikasi dari paket Fontsource yang dipakai build ini; teks lisensi lengkap: Inter Tight, IBM Plex Mono, Instrument Serif. Portal ini memuat font sendiri (self-hosted), tanpa permintaan ke Google Fonts.