Typeface
gerobak

Pembeli: masuk dan setuju.

The GitHub sign-in screen, with readable headings. Sign-in and consent come before the map.

Mockups v3 · 1 Nov 2026
PRD v2.0.1 · D29–D41
Design from the GitHub app
Example data only

01 / Masuk + persetujuan

F-12.AC1 · F-12.AC4 · D36
Android · 360 × 800
19.024G ▮
Gerobak
🍜🥞
Masuk ke Gerobak

Selamat datang.

Masuk dulu untuk melihat peta. Satu akun untuk gerobak favorit Anda.

RRizky Pratamarizky@gmail.com
Kami memakai lokasi Anda untuk menampilkan gerobak di sekitar Anda dan memberi tahu saat gerobak favorit dekat.
Pencarian dan halaman gerobak yang dibuka dihitung per area dan jam, untuk membantu penjual tahu di mana pembeli mencari.
Penjual tidak pernah melihat lokasi atau nama Anda.
Setuju dan lanjutkan Tolak
Same as the GitHub app
  • Google account card, three plain promises, dark Setuju dan lanjutkan and Tolak.
  • Heading fix: “Selamat datang.” is now 26 px extra bold in navy, and the small “Masuk ke Gerobak” label is darker and bolder.
  • Changed (D36): the map now opens without an account. This screen is what a visitor sees at the first action: tapping a cart, Ikuti, ulasan, or a saved place.
  • Consent is accepted once, at that first sign-in; the map stays readable for anyone before it.

02 / iOS: Masuk dengan Apple

F-12.AC1 · D22 (pilot)
iOS · 393 × 852
9:41●●●
Gerobak
🍜🥞
Masuk ke Gerobak

Selamat datang.

Masuk dulu untuk melihat peta. Satu akun untuk gerobak favorit Anda.

Kami memakai lokasi Anda untuk menampilkan gerobak di sekitar Anda dan memberi tahu saat gerobak favorit dekat.
Pencarian dan halaman gerobak yang dibuka dihitung per area dan jam, untuk membantu penjual tahu di mana pembeli mencari.
Penjual tidak pernah melihat lokasi atau nama Anda.
Masuk dengan AppleMasuk dengan Google Tolak

Dengan masuk, Anda menyetujui hal di atas.

Only iOS difference
  • Apple requires Masuk dengan Apple next to Google (guideline 4.8).
  • Phase 0 is Android only; this screen prepares the iOS pilot.
  • Everything else on iOS uses the Android screens as shown.

03 / Tolak

F-12.AC2
Android · 360 × 800
19.024G ▮

Anda belum masuk.

Peta Gerobak hanya bisa dilihat setelah masuk dan setuju. Tidak ada data yang disimpan dari kunjungan ini.

Kembali ke halaman masuk
Unhappy path
  • Tapping Tolak signs the buyer out and explains why the map is closed.
  • One clear way back.

Static mockups (no scripts). All names, numbers, prices, places and times are example data. Maps are illustrations, not real streets. Design: the GitHub app (komangagent/discovergerobak) with the D29–D32 heading and typeface work, and D33–D36. Scope: PRD v2.0.1. iOS uses the same screens; only sign-in differs (Sign in with Apple).