Fondasi

Spasi & tata letak

A 4px base grid. Generous whitespace is part of the calm. Give people room to breathe, then group tightly what belongs together.

Skala spasi

00px

10.25rem

20.5rem

30.75rem

41rem

51.25rem

61.5rem

82rem

102.5rem

123rem

164rem

205rem

246rem

0.50.125rem

1.50.375rem

2.50.625rem

Mobile-first

Renters and vendors are phone-first. Bottom-tab shell (Beranda, Cari, Pesanan, Chat, Akun), a top app-bar with search, notifications, and cart.

Kepadatan

Comfortable by default. Compact (data-density=compact) tightens controls for vendor and admin grids, driven by one variable, not per-screen tuning.