How to judge these
same design, only the letters change
- Nothing else changed. Each pair is the real Penjualan and Gerobak screens from the mockups, rebuilt only with another font: same sizes, weights, colours and spacing.
- Look at the prices and times first. The 7-day list and the sale rows are where a font either lines up or does not.
- Then the names. "Martabak Bang Udin" and "Nasi Jinggo Kerobokan" are the longest real names: do they still fit one line?
- Then the headings. With D31 every heading is 18 px at weight 800, and some fonts carry that weight better than others.
The Typeface switch at the bottom right of every other page flips the whole mockup live; it starts again at Manrope on each page you open.
Chosen: Manrope (D32). The mockups now use it everywhere; this page stays as the record of the other four.
01 / Plus Jakarta Sans · Current
option 1
Indonesian typeface (Tokotype, made for the city of Jakarta). Friendly geometric, already in the app.
Specimen
Penjualan
Hari ini · 7 hari terakhir
Bakso Pak Made · Rp 252 rb · 13 porsi
BUKA 17.57 · 300 m · LIVE
Works because- Warm and local without being cute; the 800 weight is confident, which the headings need
- Slightly narrow, so long Indonesian names ("Martabak Bang Udin") fit one line
- Already bundled; nothing to add to the app
Costs you- The lowercase a and g are a little ordinary at small sizes
- Weakest of the five for very small labels (11-12 px)
02 / Inter · Neutral workhorse
option 2
Made for screens. Very tall x-height, plain shapes, nothing decorative.
Specimen
Penjualan
Hari ini · 7 hari terakhir
Bakso Pak Made · Rp 252 rb · 13 porsi
BUKA 17.57 · 300 m · LIVE
Works because- Easiest to read at 12-13 px; the best for prices and times
- Numbers are even width, so the 7-day list lines up perfectly
- Safe, professional look
Costs you- Generic: it is the default of every dashboard, so it adds no character
- Long names run wider and need more truncating
03 / Manrope · Modern geometric
option 3
Open geometric shapes with a hint of squareness. Popular in modern app design.
Specimen
Penjualan
Hari ini · 7 hari terakhir
Bakso Pak Made · Rp 252 rb · 13 porsi
BUKA 17.57 · 300 m · LIVE
Works because- Stands out in titles and the BUKA disc without shouting
- Very clear numerals and a firm 800 weight
- Feels current, still simple
Costs you- Wider than Jakarta, so table rows and the price column get tighter
- The squarish shapes read slightly technical for a food cart
04 / DM Sans · Compact and tidy
option 4
Geometric, low contrast, efficient. Built for small sizes on screen.
Specimen
Penjualan
Hari ini · 7 hari terakhir
Bakso Pak Made · Rp 252 rb · 13 porsi
BUKA 17.57 · 300 m · LIVE
Works because- Neat and efficient; fits a lot in one line
- Friendly but quiet, so it never fights the blue
- Prices line up well
Costs you- Titles lose some of the punch the 800 weight gave in Jakarta
- A little plain for a street-food app
05 / Nunito Sans · Warm and rounded
option 5
Soft, rounded terminals. The friendliest of the five.
Specimen
Penjualan
Hari ini · 7 hari terakhir
Bakso Pak Made · Rp 252 rb · 13 porsi
BUKA 17.57 · 300 m · LIVE
Works because- Approachable; suits small sellers and a casual tone
- Round shapes make the BUKA/TUTUP disc feel less like a machine
- Reads well in body text
Costs you- Rounded ends can blur at 12-13 px on cheap Android screens
- Prices look less crisp; the 7-day list is the weakest of the five