Arah A — Hangat / Kekeluargaan
“Kas RT, bisa dicek bareng.”
Ciri khas: “Tiga Lingkaran Jadi Satu.” Tiga lingkaran bertumpuk jadi satu gumpalan + centang di tengah: beberapa warga berkumpul, lalu bersama-sama memeriksa satu catatan kas. Bukan rumah, bukan atap, bukan salaman.
Font: Plus Jakarta Sans + IBM Plex Mono (angka).
Monokrom hitam
Monokrom putih
Ikon aplikasi: 48 / 32 / 16px — di 16px detail tiga lingkaran menyatu, yang bertahan gumpalan + centang.
Palet — ketuk Salin untuk menyalin hex
#B4441A#D95D2B#E9A23B#FDF6EC#2E2018#1F7A4D#9A6B12#C0392BMockup: header + kartu saldo + tombol
Aturan pakai (ringkas)
- Boleh: pakai logo di latar krem/putih, pakai kunyit hemat sebagai aksen kecil.
- Jangan: ubah warna logo, tambah gradasi ungu, pakai logo di latar ramai, pakai kunyit berlebihan (berisiko terasa seperti merek makanan).
Arah B — Tegas / Keuangan Modern
“Kasnya jelas, semua bisa cek.”
Ciri khas: “Garis Ledger.” Batang tebal Biru Tinta + garis tipis + kotak kuning kecil di ujung — seperti baris buku kas. Dipakai di atas kartu saldo, bawah header, dan tombol. Maksimal 3 kali per layar HP.
Font: Archivo + IBM Plex Mono (angka, tabular).
Monokrom hitam
Monokrom putih
Ikon aplikasi: 48 / 32 / 16px — di 16px garis tipis menyatu, siluet kotak navy + titik kuning bertahan.
Palet — ketuk Salin untuk menyalin hex
#13294B#F5A300#3D5A80#F2F4F7#101E33#1B7A4D#9A6700#C1272DMockup: header + kartu saldo + tombol
Aturan pakai (ringkas)
- Boleh: teks navy di atas kuning, teks putih di atas navy.
- Jangan: teks putih/kecil di atas kuning (kontras kurang), ubah warna logo, tambah gradasi, pakai logo di latar ramai, pakai Garis Ledger lebih dari 3 kali per layar.
Arah C — Ceria / Ramah Warga
“Kas jelas, warga tenang.”
Ciri khas: “Tiga Titik Senyum.” Tiga titik bulat berdampingan (oranye, kuning, biru tua) + satu lengkung senyum di bawahnya: tiga warga duduk bareng, tersenyum karena kasnya jelas. Tanpa atap rumah klise, tanpa simbol daerah/agama.
Font: Plus Jakarta Sans, angka tabular (bukan font mono, supaya angka uang tidak terasa seperti kode).
Monokrom hitam
Monokrom putih
Ikon aplikasi: 48 / 32 / 16px — di 16px titik-titik menyatu jadi satu bentuk ramah, tidak hancur, masih dikenali sebagai ikon oranye yang sama.
Palet — ketuk Salin untuk menyalin hex
#E4572E#C2410C#14365E#FFC53D#FFF8F0#1E2A32#1A7F4B#B45309#DC2626Mockup: header + kartu saldo + tombol
Aturan pakai (ringkas)
- Boleh: oranye ceria untuk logo/ikon, oranye tombol untuk tombol/tautan, kuning hanya aksen kecil.
- Jangan: pakai oranye ceria untuk teks tombol (kontras kurang), ubah warna logo, tambah gradasi ungu, pakai logo di latar ramai, salah tukar dua oranye.