Design September 28, 2025
Typography as Interface
Bagaimana tipografi monospace dan hirarki visual yang kuat bisa menjadi elemen antarmuka utama, bukan sekadar dekorasi.
Di banyak desain modern, teks bukan lagi sekadar pengisi ruang di antara tombol dan gambar. Teks adalah antarmukanya.
Monospace Bukan Hanya untuk Kode
Font monospace seperti JetBrains Mono memberi kesan teknis, presisi, dan struktur. Setiap karakter menempati lebar yang sama, menciptakan grid alami yang membuat layout terasa disengaja.
Website ini menggunakan monospace untuk label, metadata, dan navigasi, memberi nuansa "terminal" yang konsisten tanpa perlu banyak elemen visual tambahan.
Hirarki Lewat Skala, Bukan Warna
Alih-alih mengandalkan banyak warna, hirarki bisa dibangun murni lewat:
- Skala: kontras ukuran ekstrem (heading 10rem vs label 0.75rem)
- Berat (weight): bold vs light dalam satu keluarga font
- Spasi: letter-spacing dan whitespace yang generous
Prinsip Praktis
- Batasi palet font ke satu atau dua keluarga.
- Gunakan kontras ukuran yang berani.
- Biarkan whitespace bekerja.
Tipografi yang baik tidak berteriak. Ia memandu mata tanpa kita sadari.