Font tangkapan layar yang berfungsi di seluruh lokalisasi App Store
Pemilihan font pada tangkapan layar App Store memiliki tiga kendala yang jarang ada pada keputusan tipografi umum: keterbacaan di thumbnail, perilaku renderer App Store, dan cakupan aksara untuk 50 lokalisasi. Pilih font yang gagal di salah satu dari ketiganya, dan korselmu akan berkonversi lebih buruk dari seharusnya.
Uji keterbacaan thumbnail
Hasil pencarian App Store menampilkan tangkapan layar pada lebar sekitar 200-260 px — sekitar 1/6 dari ukuran asli 1320 × 2868. Teks yang tingginya 100 px dalam desainmu dirender ~15 px di thumbnail. Pada ukuran sekecil itu, font dengan guratan tipis (Helvetica Light, Avenir Next Ultra-Light, Playfair Display Thin) menjadi bercak yang tidak jelas.
Font yang tetap terbaca di ukuran thumbnail memiliki beberapa ciri bersama:
- x-height yang lebar (huruf kecil yang lebih tinggi relatif terhadap huruf kapital)
- Ketebalan tinggi (700-900)
- Apertur terbuka (ruang negatif pada huruf seperti 'c', 'e', 'a' tetap terbuka di ukuran kecil)
- Lebar guratan yang konsisten (tidak ada kontras tipis-ke-tebal)
Font yang berfungsi untuk lokalisasi aksara Latin
Telah diuji dan konsisten digunakan dalam korsel App Store:
- Inter (gratis, open source) — default kami. Inter Bold dan Inter Black terbaca dengan baik di setiap ukuran. Mencakup Latin, Cyrillic, Yunani, Vietnam secara bawaan. Font tangkapan layar aplikasi yang paling umum di ekosistem indie 2025-2026.
- SF Pro (sistem Apple) — jenis huruf milik Apple. Gratis digunakan dalam marketing untuk aplikasi iOS berdasarkan lisensi font Apple. Dirender identik di setiap perangkat iOS. Terasa sedikit lebih "default Apple" dibanding Inter, yang bisa menjadi keunggulan atau kelemahan tergantung merek.
- Söhne (berbayar, Klim Type Foundry) — favorit era OpenAI / Anthropic. Digunakan oleh Linear, OpenAI, Vercel. Banyak pilihan ketebalan. Lisensi mahal.
- GT America (berbayar, Grilli Type) — sans-serif geometris, banyak ketebalan, tampil baik dalam marketing. Digunakan oleh Notion, Stripe, dan lainnya.
- Geist (gratis, Vercel) — rilis open-source terbaru. Terlihat bagus di ukuran thumbnail. Dukungan Cyrillic/Yunani terbatas.
- Roboto / Roboto Flex (Google, gratis) — default Android. Kurang umum di korsel iOS tapi terbaca dengan baik.
Font yang tidak berfungsi
- Ketebalan Thin / Ultra-Light. Di bawah ketebalan 400, teks menjadi kabur di ukuran thumbnail. Selalu gunakan 600+; 700+ untuk teks utama.
- Font display dengan kontras guratan tinggi. Serif Didone (Bodoni, Didot), display condensed (Bebas, League Spartan Bold Variable) kehilangan ketajaman.
- Font script / tulisan tangan. Tidak pernah terbaca di thumbnail. Hindari.
- Comic Sans, Papyrus. Ya, masih ada yang mencoba ini. Jangan.
Aksara non-Latin
Sebagian besar font marketing tidak menyertakan glif Arab, Ibrani, Hindi (Devanagari), Thai, atau CJK. Saat kamu merilis korsel yang diterjemahkan ke lokalisasi tersebut, font akan fallback ke default sistem. Ada dua jawaban yang masuk akal:
- Terima fallback sistem per lokalisasi. Pengguna di pasar non-Latin sudah terbiasa dengan font default sistem dan tidak terlalu memperhatikan. Konsistensi merek yang hilang tidak sebanding dengan kompleksitas pemuatan font yang didapat.
- Padukan dengan font multi-aksara. Keluarga Noto (Noto Sans, Noto Serif) mencakup hampir semua aksara yang didukung Apple. Memadukan Inter untuk Latin dengan Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans Thai, dan Noto Sans CJK menjaga bobot visual yang konsisten di semua lokalisasi.
Untuk pekerjaan tangkapan layar App Store, pendekatan fallback sistem biasanya lebih pragmatis. Pendekatan Noto adalah jawaban yang tepat untuk aplikasi di mana konsistensi merek lintas pasar sangat penting (mewah, mode, alat desain).
faux-bold dan faux-italic
Hindari keduanya. Sebagian besar alat desain "mensintesis" bold atau italic ketika ketebalan aktualnya tidak tersedia — hasilnya terlihat rusak di ukuran kecil dan dirender sangat buruk dalam CJK dan Arab. Selalu gunakan ketebalan atau varian italic aktual dari font, bukan versi yang disintesis.
Uji praktis: jika pemilih font kamu hanya memiliki "Regular" dan kamu menerapkan bold melalui tombol "B", kamu sedang menggunakan faux-bold. Ganti ke font yang memiliki ketebalan Bold nyata.
Jarak antar huruf untuk judul
Sebagian besar font marketing memiliki jarak antar huruf default yang terlihat baik di teks isi, tapi sedikit longgar untuk ukuran judul. Persempit sebesar -2% hingga -4% (tracking) untuk teks judul di tangkapan layar. Ini memperketat ritme visual dan terbaca lebih baik di ukuran thumbnail di mana setiap huruf sudah terasa kecil.
Apa yang kami pakai secara default
Mokbi menggunakan Inter ketebalan 700 sebagai default untuk layer teks baru. Inter gratis, open source, mencakup Latin/Cyrillic/Yunani/Vietnam, dan dirender konsisten di semua browser. Untuk lokalisasi non-Latin, editor otomatis fallback ke default sistem per lokalisasi — pilihan pragmatis untuk sebagian besar aplikasi.