Kenapa Kami Memilih Warna Hangat untuk Aplikasi Kasir — Bukan Biru-Abu-Abu Seperti Software Biasa

Software Bisnis Biasa: Biru, Abu-Abu, dan Nggak Punya Jiwa

Buka hampir semua aplikasi bisnis — dari software akuntansi sampai POS — dan kamu akan lihat pola yang sama: background putih, tombol biru, sidebar abu-abu, font sans-serif yang safe. Ini bukan kebetulan — ini template. Biru dikaitkan dengan "profesionalisme" dan "kepercayaan" dalam teori desain. Abu-abu dianggap "netral" dan "aman."

Tapi ketika kami mulai mendesain CrescendPOS, kami bertanya: untuk siapa kita sebenarnya mendesain? Jawabannya: pemilik dan kasir kafe di Indonesia. Orang-orang yang menghabiskan waktu mereka di lingkungan yang hangat — di antara aroma kopi, kayu, dan keramahan. Bukan di kantor korporat dengan lampu neon.

Kenapa produk yang dipakai di lingkungan hangat harus terlihat dingin dan korporat?

Keputusan: Cream, Peach, dan Ink

Kami memilih palet warna yang sengaja berbeda dari software bisnis pada umumnya:

• Cream (#FFF9D2) sebagai background utama — hangat, lembut, nggak bikin mata lelah meskipun dilihat seharian
• Peach (#FFEBCC) untuk panel dan kartu — memperkuat kehangatan tanpa jadi overwhelming
• Ink (#1F1B16) untuk teks dan tombol utama — dark brown yang punya karakter, bukan hitam murni yang terasa harsh
• Sky (#BFDDF0) untuk state aktif dan highlight — sentuhan cool yang melengkapi hangat tanpa mendominasi

Ini bukan pilihan aesthetic semata. Setiap warna dipilih berdasarkan bagaimana ia akan terlihat di tablet yang dipakai di counter kafe — dengan pencahayaan natural, di samping mesin espresso, dipegang tangan yang kadang berminyak.

Kenapa Bukan Hitam Putih Murni?

Banyak POS modern yang pakai pendekatan "dark mode" atau "pure white" — kontras tinggi yang terlihat clean di screenshot tapi dalam penggunaan extended bisa melelahkan.

Background putih murni (#FFFFFF) di tablet yang dipakai 8-12 jam sehari itu harsh — terutama di kafe dengan pencahayaan ambient yang warm. Mata kasir yang bolak-balik antara layar terang dan lingkungan yang relatif dim akan lebih cepat lelah.

Sebaliknya, dark mode yang terlalu gelap bisa susah dibaca di lingkungan yang terang (kafe dengan banyak jendela dan natural light).

Cream memberikan sweet spot: cukup terang untuk readability di berbagai kondisi pencahayaan, cukup hangat untuk nggak bikin eye strain di penggunaan panjang.

Typography: Fraunces, Plus Jakarta Sans, dan JetBrains Mono

Kami juga sengaja pilih tipografi yang punya karakter — bukan default system font.

Fraunces untuk heading dan display text: serif font yang editorial dan warm. Ini memberikan kesan "ini bukan software korporat generik — ini produk yang punya opini dan personality." Serif font di software bisnis itu unusual — dan itu intentional.

Plus Jakarta Sans untuk body text: clean, modern, readable. Ini balance — body text harus mudah dibaca, nggak perlu show-off. Plus Jakarta Sans punya warmth natural yang cocok dengan palet cream dan peach.

JetBrains Mono untuk angka: monospace font yang bikin angka-angka (harga, total, kembalian) mudah di-scan cepat. Di POS, angka harus bisa dibaca dalam sepersekian detik — monospace font memastikan setiap digit punya lebar yang sama, sehingga alignment visual selalu konsisten.

Komponen: Rounded, Bukan Sharp

Tombol-tombol kami pakai rounded corners — bukan karena tren, tapi karena rounded edges terasa lebih friendly dan approachable di touchscreen. Sharp corners pada tombol secara psikologis terasa lebih "kaku" dan "formal."

Primary button kami: bg-ink text-cream rounded-full. Dark background pada rounded pill shape. Ini menonjol dari background cream tanpa terasa agresif — tegas tapi nggak menakutkan. Untuk kasir baru yang mungkin nervous pakai teknologi, perbedaan ini subtle tapi bermakna.

Trade-off yang Kami Terima

Desain yang hangat dan opinionated punya trade-off:

Nggak untuk semua orang. Ada orang yang prefer tampilan biru-putih yang familiar. Warna hangat kami kadang dianggap "bukan software serius" pada pandangan pertama. Kami accept ini — CrescendPOS memang bukan untuk semua orang. Kami desain untuk kafe di Indonesia, bukan untuk bank.

Serif font di UI itu polarizing. Beberapa orang suka, beberapa nggak terbiasa. Kami pakai Fraunces hanya di heading — bukan di body text atau label tombol — untuk balance antara karakter dan readability.

Custom color system butuh disiplin. Karena kami nggak pakai warna Tailwind default (nggak ada blue-500 atau gray-200), setiap developer yang kerja di codebase kami harus pakai token custom (bg-cream, bg-paper, text-ink). Ini menambah learning curve tapi menjaga consistency.

Kenapa Ini Penting — Bukan Cuma Soal Cantik

Ada yang bilang: "Siapa peduli warna POS? Yang penting fungsinya." Fair point. Tapi pertimbangkan ini:

Kasir melihat layar POS 4-8 jam sehari. Setiap hari. Selama berbulan-bulan. Kalau layar itu terasa cold, generic, dan impersonal — itu jadi lingkungan kerja yang nggak pleasant. Dan lingkungan kerja yang nggak pleasant, betapapun kecilnya, berkontribusi pada fatigue dan dissatisfaction.

Sebaliknya, layar yang terasa warm dan welcoming — yang harmonis dengan lingkungan kafe — jadi extension natural dari workspace. Bukan sesuatu yang terasa asing ditaruh di samping mesin kopi.

Kami nggak punya data kuantitatif bahwa warna hangat meningkatkan produktivitas kasir sebesar X%. Tapi kami percaya bahwa detail kecil — yang konsisten di setiap touchpoint — secara kumulatif menciptakan pengalaman yang meaningfully berbeda.

Filosofi di Balik Keputusan Visual

Keputusan visual kami didorong oleh satu prinsip: software yang dipakai di kafe harus terasa seperti bagian dari kafe — bukan benda asing yang dipaksakan.

Kafe itu tempat yang warm, personal, dan punya karakter. Software yang melayani kafe seharusnya punya kualitas yang sama. Bukan karena fungsi nggak penting — tentu penting. Tapi karena bagaimana sesuatu terasa sama pentingnya dengan apa yang bisa dilakukan.

Itu kenapa kami nggak pakai biru-abu-abu. Itu kenapa kami pakai cream, peach, dan ink. Dan itu kenapa setiap keputusan visual di CrescendPOS — dari warna tombol sampai font angka — dimulai dari pertanyaan: "Apakah ini terasa seperti rumah untuk kafe?"