Gubuku-Hampir semua gadget kekinian yang dipake Gen Z — mulai dari iPhone, Samsung Galaxy, sampai monitor gaming — udah pake layar OLED (Organic Light-Emitting Diode). Karakteristik layar ini beda banget sama layar LCD jadul: warna hitamnya bener-bener pekat (true black) karena pikselnya mati total saat nampilin warna hitam.

Di satu sisi, tampilan visual di layar OLED emang kelihatan tajam dan manjain mata banget. Tapi di sisi lain, kalau asal milih font dan warna buat desain UI/UX, website, atau aplikasi, efeknya bisa bikin mata gampang lelah (eye strain), teks kelihatan “mbleber” (halation effect), sampai bikin baterai HP boros!

Nah, biar desain kamu tetep estetik, nyaman dibaca, dan OLED-friendly, yuk simak panduan tipografi wajib berikut ini!

1. Hindari Teks Putih Murni di Atas Background Hitam Pekat

Ini kesalahan paling sering dilakukan desainer pas bikin tampilan Dark Mode. Teks warna putih murni (#FFFFFF) di atas background hitam pekat (#000000) bakal menciptakan kontras yang terlalu ekstrem.

Di layar OLED, kontras ekstrem ini bikin efek halos atau teks kelihatan berpendar/kabur di mata penikmatnya (terutama saat kecerahan layar tinggi).

• Solusi: Pake warna putih gading (off-white) atau abu-abu terang (seperti #E0E0E0 atau #F5F5F5) untuk teks, dan warna abu-abu sangat gelap (seperti #121212) untuk background. Kontrasnya tetep dapet, tapi mata gak cepet capek!

2. Pilih Ketebalan Font (Font Weight) yang Pas

Piksel layar OLED menyala dengan sangat terang. Kalau kamu pake font yang terlalu tipis (thin atau light), garis-garis huruf bakal rentan “tenggelam” atau kelihatan putus-putus pas kena efek warna gelap di sekitarnya.

Sebaliknya, kalau pakenya terlalu tebal (black atau extra bold), tulisan bakal kelihatan terlalu gemuk dan desak-desakan.

• Rekomendasi: Gunakan ketebalan Regular, Medium, atau Semi-Bold untuk teks utama (body text). Simpan ketebalan Bold khusus untuk judul (heading).

3. Kasih Spasi Ekstra (Letter Spacing & Line Height)

Karena sifat piksel OLED yang sangat kontras, huruf-huruf yang jaraknya terlalu rapat bakal kelihatan saling menempel dan susah dibaca.

• Letter Spacing: Tambahkan sedikit letter-spacing (sekitar +0.01em sampai +0.02em) pada body text bertema gelap.

• Line Height: Gunakan jarak antar-baris (line-height) minimal 1.5x dari ukuran font. Bikin teks punya “ruang bernapas” biar mata penggunanya gak stres.

4. Utamakan Jenis Font Sans-Serif atau Variable Fonts

Untuk keterbacaan di layar digital berpiksel tinggi seperti OLED, jenis font Sans-Serif (tanpa kait di ujung huruf) jauh lebih unggul dibanding Serif. Font seperti Inter, SF Pro, Roboto, atau Plus Jakarta Sans punya kejelasan (legibility) yang sangat baik di berbagai ukuran layar.

Kalau mau lebih fleksibel, manfaatkan Variable Fonts. Kamu bisa ngatur ketebalan (weight) dan kerapatan (width) font secara dinamis lewat kode, disesuaikan sama mode layar penggunanya (Light Mode vs Dark Mode).

5. Manfaatkan Efek Hemat Baterai Layar OLED

Tahukah kamu? Semakin banyak warna gelap di layar OLED, semakin sedikit daya listrik yang dipakai karena piksel warna hitam tidak menyala sama sekali.

Dengan menerapkan tipografi Dark Mode yang tepat (teks terang di atas background gelap yang seimbang), aplikasi atau website buatanmu gak cuma enak dilihat, tapi juga bantu bikin baterai HP audiens jauh lebih awet!

Ringkasan Cepat (Cheat Sheet)

Elemen Desain	Praktik Buruk (Avoid)	Praktik Terbaik (Recommended)
Warna Teks	White Murni (#FFFFFF)	Off-White / Light Gray (#E0E0E0)
Background	Black Murni (#000000)	Dark Gray (#121212 atau #1E1E1E)
Font Weight	Extra Thin / Extra Bold	Regular / Medium / Semi-Bold
Line Height	Rapat (< 1.2x)	Ideal (1.5x – 1.6x)

Kesimpulan

Merancang tipografi untuk layar OLED bukan cuma soal estetika visual, tapi juga soal kenyamanan pengguna (user experience) dan efisiensi daya. Dengan memadukan kontras warna yang pas, ketebalan font yang tepat, serta spasi yang cukup, karya desain kamu dijamin bakal kelihatan makin profesional dan disukai Gen Z!

penulis: asil SMKN 8 Bungo