Lettertypen voor screenshots die werken in alle App Store-locales
De keuze van een lettertype voor App Store-screenshots kent drie beperkingen die de meeste algemene typografiebeslissingen niet hebben: leesbaarheid op miniatuurformaat, het gedrag van de App Store-renderer, en schriftdekking voor 50 locales. Kies een lettertype dat op één van de drie punten tekortschiet, en je carrousel converteert slechter dan zou moeten.
De miniatuur-leesbaarheidtest
Zoekresultaten in de App Store tonen screenshots op ongeveer 200-260 px breed — zo'n 1/6 van het origineel van 1320 × 2868. Bijschrifttekst van 100 px hoog in je ontwerp wordt weergegeven op ~15 px in de miniatuur. Op die grootte worden fijnlijnige lettertypen (Helvetica Light, Avenir Next Ultra-Light, Playfair Display Thin) onherkenbare vlekken.
De lettertypen die standhouden op miniatuurformaat hebben een paar gemeenschappelijke kenmerken:
- Grote x-hoogte (hogere kleine letters ten opzichte van hoofdletters)
- Zwaar gewicht (700-900)
- Ruime openingen (de negatieve ruimte in letters als 'c', 'e', 'a' blijft open op kleine formaten)
- Consistente lijndikte (geen dun-naar-dik-contrast)
Lettertypen die werken voor Latijns-schrift-locales
Getest en consistent in App Store-carrouselgebruik:
- Inter (gratis, open source) — onze standaard. Inter Bold en Inter Black worden op elk formaat goed weergegeven. Dekt standaard Latijns, Cyrillisch, Grieks en Vietnamees. Het meest gebruikte app-screenshot-lettertype in het indie-ecosysteem van 2025-2026.
- SF Pro (Apple-systeem) — Apples eigen lettertype. Gratis te gebruiken in marketing voor iOS-apps, conform Apples fontlicentie. Wordt identiek weergegeven op elk iOS-apparaat. Voelt iets meer als 'Apple-standaard' dan Inter, wat een voor- of nadeel kan zijn afhankelijk van je merk.
- Söhne (betaald, Klim Type Foundry) — favoriet uit het OpenAI/Anthropic-tijdperk. Gebruikt door Linear, OpenAI, Vercel. Veel gewichten. Dure licentie.
- GT America (betaald, Grilli Type) — geometrisch schreefloos, veel gewichten, werkt goed in marketing. Gebruikt door Notion, Stripe en anderen.
- Geist (gratis, Vercel) — recente open-source release. Ziet er goed uit op miniatuurformaat. Beperkte ondersteuning voor Cyrillisch en Grieks.
- Roboto / Roboto Flex (Google, gratis) — de Android-standaard. Minder gebruikelijk in iOS-carrousels, maar leest prima.
Lettertypen die niet werken
- Dunne en ultra-lichte gewichten. Onder gewicht 400 wordt het een vage vlek op miniatuurformaat. Kies altijd 600+; 700+ voor primaire bijschriften.
- Display-lettertypen met sterk lijndikte-contrast. Didone-serifs (Bodoni, Didot), condensed display (Bebas, League Spartan Bold Variable) verliezen definitie.
- Script- en handschriftlettertypen. Nooit leesbaar op miniatuurformaat. Overslaan.
- Comic Sans, Papyrus. Toch probeert iemand dit nog steeds. Doe het niet.
Niet-Latijnse schriften
De meeste marketinglettertypen bevatten geen Arabische, Hebreeuwse, Hindi- (Devanagari), Thai- of CJK-glyphs. Als je een carrousel naar die locales vertaalt, valt het lettertype terug op de systeemstandaard. Twee pragmatische opties:
- Accepteer de systeemfallback per locale. Gebruikers in niet-Latijnse markten zijn gewend aan systeemlettertypen en merken het verschil niet. De merksamenhang die je verliest is de extra complexiteit van het laden van lettertypen niet waard.
- Combineer met multi-script-lettertypen. De Noto-familie (Noto Sans, Noto Serif) dekt vrijwel elk schrift dat Apple ondersteunt. Inter combineren voor Latijn met Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans Thai en Noto Sans CJK houdt het visueel gewicht consistent over alle locales.
Voor App Store-screenshot-werk is de systeemfallback-aanpak doorgaans pragmatisch genoeg. De Noto-aanpak is het juiste antwoord voor apps waarbij merksamenhang over markten heen zwaar weegt (luxe, mode, designtools).
Faux-bold en faux-italic
Vermijd beide. De meeste designtools 'synthetiseren' vet of cursief als het werkelijke gewicht niet beschikbaar is — het resultaat ziet er op kleine formaten gebroken uit en wordt met name slecht weergegeven in CJK en Arabisch. Gebruik altijd het werkelijke gewicht of de cursieve variant van het lettertype, niet een gesynthetiseerde versie.
Praktische test: als je lettertype-kiezer alleen 'Regular' toont en je vet toepast via een 'B'-knop, krijg je faux-bold. Schakel over naar een lettertype met een echt Bold-gewicht.
Letterafstand voor koppen
De meeste marketinglettertypen hebben een standaard letterafstand die er goed uitziet in broodtekst, maar iets te ruim is op kopgrootte. Verklein met -2% tot -4% (tracking) voor koptekst in screenshots. Dat maakt het visuele ritme strakker en leest beter op miniatuurformaat, waar afzonderlijke letters al klein aanvoelen.
Wat standaard wordt meegeleverd
Mokbi gebruikt standaard Inter gewicht 700 voor nieuwe tekstlagen. Inter is gratis, open source, dekt Latijns/Cyrillisch/Grieks/Vietnamees en wordt consistent weergegeven in alle browsers. Voor niet-Latijnse locales valt de editor automatisch terug op de systeemstandaard per locale — wat voor de meeste apps de pragmatische keuze is.