イフロミ
Home/Mengapa Typography Adalah 90% dari Desain

Mengapa Typography Adalah 90% dari Desain

•2 min read
typographyvisual designfundamentals

The Invisible Art

Pernahkah Anda membuka sebuah website dan langsung merasa "ini terlihat profesional" — tanpa bisa menjelaskan kenapa? Kemungkinan besar, jawabannya ada di typography.

Typography yang baik tidak terlihat. Ia bekerja secara diam-diam, mengarahkan mata pengguna, membentuk hierarki informasi, dan menciptakan ritme visual yang nyaman.

Anatomi Typography dalam UI

Font Family

Pemilihan font family menentukan personality produk:

  • Sans-serif (Inter, Roboto) → Clean, modern, neutral
  • Serif (Georgia, Lora) → Elegant, trustworthy, editorial
  • Monospace (IBM Plex Mono, JetBrains Mono) → Technical, precise, developer-oriented

Untuk website ini, saya memilih IBM Plex Mono — karena sebagai designer yang juga coding, monospace font memberikan kesan yang tepat: presisi teknikal dengan sentuhan kreatif.

Type Scale

Salah satu pattern yang saya selalu gunakan adalah modular type scale. Daripada memilih ukuran font secara random, gunakan mathematical ratio:

  • Base: 16px
  • Ratio: 1.25 (Major Third)
  • Scale: 12px → 14px → 16px → 20px → 25px → 31px → 39px → 48px

Hasilnya? Harmoni visual yang konsisten di seluruh interface.

Line Height

Line height (leading) yang tepat membuat teks mudah dibaca:

  • Heading: 1.2 – 1.3 (tight, untuk impact)
  • Body text: 1.5 – 1.7 (loose, untuk readability)
  • Small text: 1.4 – 1.5

Terlalu tight = mata cepat lelah. Terlalu loose = kehilangan koneksi antar baris.

Letter Spacing

Detail kecil yang sering diabaikan:

  • Uppercase text: tambah +2% – +5% letter spacing
  • Large headings (>32px): kurangi -1% – -2%
  • Body text: biarkan default

Practical Tips

  1. Gunakan maksimal 2 font family dalam satu produk
  2. Buat type scale dan stick to it — jangan random
  3. Test readability di berbagai ukuran layar
  4. Perhatikan font rendering di OS yang berbeda
  5. Gunakan variable fonts untuk performa yang lebih baik

"Typography is the craft of endowing human language with a durable visual form." — Robert Bringhurst

Resources

Beberapa referensi yang membantu saya memahami typography:

  • Practical Typography oleh Matthew Butterick
  • Thinking with Type oleh Ellen Lupton
  • The Elements of Typographic Style oleh Robert Bringhurst
  • Type Scale (type-scale.com) — Tool untuk generate scales

Typography adalah skill yang bisa terus diasah. Keep experimenting, keep observing.