Lewati ke konten utama
SYSTEM / TYPOGRAPHY20 / 32

Sistem visual

OFFSET memakai Space Grotesk untuk membentuk suara yang tegas dan geometris. Ukuran besar pada judul membangun karakter, sementara teks isi menjaga ritme membaca yang lebih tenang. Perbedaan itu adalah hierarki, bukan alasan untuk mengecilkan informasi penting. Halaman ini membahas pilihan tipografi dalam demo fiktif dan cara menilainya. Berkas font lokal serta lisensinya disertakan dalam paket agar tampilan tidak bergantung pada pemuatan layanan font eksternal.

STUDIO FIKTIF / CATATAN KONSEP · BUKAN PROYEK KLIEN NYATA

Di halaman ini

Skala mengikuti pekerjaan teks

Judul mengumumkan gagasan, subjudul membagi argumen, dan paragraf mengembangkan alasan. Masing-masing memerlukan ukuran serta jarak yang berbeda. Label kecil cocok untuk informasi pendukung yang singkat, bukan penjelasan utama yang panjang. Hindari menggunakan ukuran saja sebagai penanda struktur; elemen judul semantik membantu pembacaan yang tidak bergantung pada tampilan. Pada layar sempit, judul perlu mengecil dengan wajar dan dapat membungkus tanpa memotong kata. Ekspresi tipografi sebaiknya menyesuaikan diri dengan ruang, bukan memaksa ruang meniru poster desktop.

Panjang baris dan irama

Baris yang terlalu panjang membuat mata sulit menemukan awal baris berikutnya. Baris yang terlalu pendek dapat memecah frasa hingga ritmenya terasa tersendat. Lebar kolom, ukuran huruf, dan jarak baris perlu dinilai bersama. Gunakan teks yang menyerupai isi akhir, termasuk kata panjang dan tanda baca. Contoh teks pendek dapat menyembunyikan masalah yang baru muncul setelah penulisan selesai. Periksa kontras teks terhadap bidangnya, terutama pada label tipis dan teks berwarna. Identitas yang kuat tetap memerlukan permukaan baca yang nyaman.

Sistem yang mudah diteruskan

Dokumentasikan peran tipografi dengan nama yang merujuk fungsi, seperti judul halaman, pengantar, isi, dan catatan. Peran lebih mudah diterapkan daripada daftar ukuran tanpa konteks. Jangan membuat variasi baru untuk setiap kasus kecil sebelum memeriksa apakah peran yang ada sudah cukup. Jika diperlukan pengecualian, catat alasannya. Font pengganti juga perlu dipertimbangkan ketika pemuatan belum selesai atau gagal. Tujuan sistem tipografi bukan menjaga setiap baris selalu identik, melainkan mempertahankan urutan informasi dan karakter umum ketika kondisi tampil berubah.

Lanjutkan penelusuran.

01

Arsitektur informasi

Struktur konten menentukan bagaimana sebuah gagasan dibagi, diberi nama, dan dihubungkan. Tanpa struktur itu, desain halaman mudah menjadi wadah yang diisi belakangan dengan teks yang tidak cocok.

02

Interaksi yang mudah diakses

Interaksi yang jelas memperhitungkan bahwa orang menggunakan perangkat, kemampuan, dan preferensi yang berbeda. Dalam demo OFFSET, tautan biasa, kendali formulir bawaan, fokus yang terlihat, serta dialog yang dapat ditutup menjadi dasar pengalaman.

03

Sistem warna

Hijau asam menjadi bidang utama OFFSET, dipasangkan dengan tinta gelap dan kertas pucat. Kombinasi tersebut memberi karakter eksperimental tanpa memerlukan banyak warna.