Buat skala tipografi modular yang harmonis dengan rasio emas, major third, dan rasio klasik lainnya. Pratinjau ukuran secara visual dan salin CSS lengkap.
Skala tipografi adalah sekumpulan ukuran font yang mengikuti rasio matematis yang konsisten. Daripada memilih ukuran secara acak, setiap langkah dikalikan dengan rasio yang sama — menciptakan ritme visual dan hierarki di seluruh judul, isi teks, dan keterangan.
Pilih ukuran dasar (16px adalah default browser dan titik awal yang solid), lalu pilih rasio. Rasio yang lebih kecil seperti 1,125 menciptakan skala yang halus dan elegan untuk situs editorial; rasio yang lebih besar seperti 1,618 menciptakan kontras yang dramatis untuk halaman pemasaran.
Skala tipografi adalah kumpulan ukuran font tetap yang mengikuti satu rasio matematis, sehingga setiap anak tangga terhubung ke anak tangga berikutnya dengan proporsi yang sama. Alih-alih memilih ukuran seenaknya — 14, 17, 22, 31... — Anda memilih ukuran dasar lalu mengalikan (atau membagi) berulang dengan rasionya: 16 × 1,25 = 20, × 1,25 = 25, dan seterusnya. Hasilnya hierarki yang terasa disengaja: judul, isi, keterangan, dan label tampak seperti anggota sistem desain yang sama, bukan tumpukan ukuran acak.
Rasio umum berperilaku berbeda. 1,125 dan 1,2 membuat anak tangga halus dan elegan — ideal untuk antarmuka padat teks. 1,25 dan 1,333 adalah kuda pekerja web: hierarki terlihat jelas tanpa drama, dan 1,333 kebetulan adalah interval kuart murni musik klasik. 1,5 memberi lompatan berani untuk situs konten. 1,618 — rasio emas — mencolok namun agresif: indah untuk judul display dan halaman pemasaran, biasanya terlalu kuat untuk bacaan panjang.
16px adalah bawaan peramban dan titik awal yang tepat untuk teks isi di desktop: setara kenyamanan membaca buku cetak, terbaca bagi mayoritas pengguna, dan selaras dengan panduan aksesibilitas. Antarmuka seluler bisa mulai sedikit lebih kecil (15px) atau tetap 16px. Begitu dasar ditetapkan, semua yang lain diturunkan darinya — judul dikalikan ke atas, keterangan dan label dibagi ke bawah — satu perubahan pada nilai dasar menala ulang seluruh hierarki secara konsisten.
Skala lebih dari sekadar ukuran font. Tinggi baris harus membesar saat teks mengecil: isi 1,5–1,6, judul 1,2–1,4. Untuk ritme vertikal, kalikan ukuran dasar dengan rasio skala untuk membangun anak tangga spasi — jika skala Anda 16/20/25/31, angka yang sama bisa menjadi kenaikan margin dan padding. Saat ukuran font dan spasi berbagi satu rasio, setiap elemen terkunci ke grid tak terlihat dan halaman terasa disusun, bukan dirangkai.
Teks harus mengalir mulus antara seluler dan desktop. CSS modern menyelesaikannya dalam satu baris: font-size: clamp(1rem, 0.7rem + 1.2vw, 1.75rem) — minimum, tengah yang mengalir, maksimum. Ambil minimum dan maksimum dari skala Anda (misalnya 16px sampai 28px) dan suku viewport mengerjakan sisanya — judul mengecil anggun di ponsel dan membesar di monitor tanpa satu pun media query.
Dari coklat sogan hingga biru indigo, warna batik Indonesia mewarisi teknik pewarnaan alami dari daun indigo, kulit pohon soga, dan kunyit. Setiap warna menyimpan filosofi Jawa yang dalam.
Warna khas batik klasik dari kulit pohon soga
Pewarna alami dari daun indigo (nila)
Warna berani khas batik pesisir
Kuning alami dari rimpang kunyit
Warna alami dari campuran indigo dan kunyit
Warna buah terong khas batik Sidoarjo
Warna dasar kain mori sebelum dibatik
Hitam dari getah pohon tingi untuk batik keraton
Warna langit cerah khas batik pesisir
Warna cerah khas batik kontemporer