Panduan Merek · v1.0

penipu.me

Sebelum transfer, cek dulu. Bahasa visual & verbal penipu.me — dibangun dari token asli.

by penipu.me design team🇮🇩 Indonesia dulu

Esensi & Misi

Sinyal, bukan vonis.

penipu.me menampung laporan penipuan online dari masyarakat — nomor HP, rekening, nama/akun, dan website yang dipakai penipu. Orang cek dulu sebelum transfer. Ini soal tuduhan ke orang, jadi setiap piksel harus terasa hati-hati: identitas disamarkan, ada disclaimer, ada jalur sanggahan. Sebuah laporan adalah sinyal untuk waspada, bukan keputusan bersalah.

Trust by design

Hierarki jelas, warna kalem, identitas disamarkan, selalu ada jalur sanggahan. Tidak pernah sensasional.

Gratis & cepat

Cek tanpa login, hasil seketika. Setiap gesekan ekstra menguras niat orang untuk mengecek.

Indonesia dulu

Bahasa Indonesia yang akrab, Rupiah, bank & e-wallet lokal. SEO-first — orang nyari “cek rekening penipu”.

Mobile dulu

Rancang di 375px lebih dulu. Touch target ≥ 44px. Tenang & lapang di layar terkecil.

Suara & Nada

Akrab, tenang, faktual.

Sapa dengan “kamu” — akrab tapi sopan. Bicara seperti teman yang menahan kamu sebelum transfer, bukan hakim dan bukan koran kuning. Angka bicara; emosi ditahan. Berpihak ke calon korban tanpa menghakimi terlapor.

LAKUKAN

Nyatakan fakta & jumlah.“Nomor ini sudah dilaporkan 12 kali.”
Sapa “kamu”, ajak bertindak.“Sebelum transfer, cek dulu nomornya.”
Samarkan identitas.0812••••3456 · a.n. Bud• S•••
Beri jalan sanggahan.“Merasa dilaporkan keliru? Ajukan sanggahan.”

HINDARI

Menjatuhkan vonis.“Orang ini pasti penipu.”
Sensasional / kapital & seru.“PENIPU TERKUTUK!! SEBARKAN!!!”
“Anda” yang kaku & korporat.“Silakan Anda melakukan pengecekan.”
Identitas mentah.Nama & nomor lengkap tanpa masker.

Logo & Lockup

Perisai + wordmark.

Mark: perisai putih dengan centang biru di atas kotak #1a4ee0, sudut membulat 12px. Wordmark: penipu dengan ekor .me berwarna brand. “|” dipakai sebagai pemisah struktural di label & eyebrow, bukan bagian dari wordmark.

Mark

penipu.me

Lockup penuh · ruang aman = tinggi mark

LAKUKAN

Jaga .me tetap warna brand.
Beri ruang aman ≥ tinggi mark.
Sudut mark 12px, shadow-glow untuk anchor.

HINDARI

Menaruh | di dalam wordmark.
Meregang, memiringkan, ganti warna mark.
Mark di atas foto ramai tanpa kontras.

Warna

Biru tepercaya, semantik hati-hati.

Satu aksen berani — brand blue — di atas kanvas netral yang sengaja sedikit dingin (bukan abu murni). Warna semantik terpisah dari aksen: danger untuk penipu, safe hanya untuk bersih terverifikasi, warn untuk waspada. Tiap warna punya varian -soft untuk latar.

Permukaan & teks

Brand ramp · 600 = aksi utama

Semantik · base + soft

Tipografi

Inter, satu keluarga.

Satu tipeface: Inter (variable). Heading tebal & tracking ketat; body lega dengan text-muted. Angka & token pakai monospace bertabular.

Cek dulu.Display / H1 · 40→58px · 800 · -0.02em

Nomor ini aman?H2 · 30→36px · 800

Rekening dilaporkan 12 kaliH3 / judul kartu · 18px · 700

Sebelum transfer ke penjual baru, cek nomor rekeningnya di penipu.me. Kalau sudah banyak yang melapor, jangan lanjut.Body · 15–17px · muted

Dilaporkan 3 hari laluMeta · 12–13px · faint

Bentuk & Bayangan

Lembut, tidak tajam.

Sistem radius 16px. Bayangan selalu difus & lembut — tidak pernah keras. Di dark mode, bayangan jadi garis rambut tipis karena rgba gelap tak terlihat di latar gelap.

card

16px · tombol, input, chip

panel

20px · kartu, seksi, modal

pill

999px · badge

shadow-soft

elevasi default

shadow-lift

hover kartu

shadow-glow

CTA brand

Gerak

Halus & bermakna.

Easing cubic-bezier(.22,1,.36,1), 200–300ms. Tombol naik saat hover, kartu naik + shadow-lift. Selalu hormati prefers-reduced-motion. Arahkan kursor ke kartu di bawah.

Arahkan ke sini

Kartu interaktif naik -translate-y-1 dengan bayangan lebih dalam. Reveal masuk pakai util fade-up.

--ease-smooth: cubic-bezier(.22,1,.36,1);
micro: 200ms · standard: 300ms
btn hover: -translate-y-0.5
card hover: -translate-y-1 + shadow-lift

Featured Icon

Aksen, bukan hiasan grid.

Ikon garis dalam lingkaran ber-tint + inner-ring + shadow-soft. Tone mirror Badge — satu keluarga. Ukuran 36 / 48 / 64. Aturan: hanya untuk aksen tunggal (empty-state, penanda seksi, header form). Jangan diulang di grid 3-kolom — itu jatuh ke pola AI-slop “icon-in-circle 3×”. Tone hati-hati: “belum ada laporan” = brand/neutral, bukan hijau.

sm · 36

md · 48

lg · 64

brand

danger

safe

warn

neutral

Komponen

Kosakata inti.

Badge, tombol, dan kartu — dibangun dari token yang sama, jadi apa pun temanya tetap konsisten. Semua dirender langsung dengan komponen asli.

Badge · pill · 5 tone

PhotoPenipuBersihWaspadaNetral

Tombol · hover naik

Kartu

Penipu 3 hari lalu

0812••••3456

Dilaporkan 12 kali · total kerugian Rp 8,4jt

Sanggahan

Ajukan sanggahan

Merasa dilaporkan keliru? Ada jalur resmi — tim moderasi akan meninjau.

Keadaan

Keadaan adalah fitur.

Warna keadaan menyampaikan makna sebelum teks dibaca. Yang paling menentukan kepercayaan: bersih ≠ aman, hasil penipu tenang bukan panik, dan sukses membingkai “kamu menolong orang lain”.

Belum ada laporanBukan jaminan aman

Honest by design — kosong bukan “aman”. Ajak tetap hati-hati + tombol buat laporan.

12 laporan0812••••3456

Danger tenang — jumlah, nilai kerugian, identitas tersamar. Tetap ada tautan sanggahan.

Laporan terkirimKamu menolong orang lain

Sukses = penenang. Bingkai kontribusi, bukan sekadar “berhasil disimpan”.

Rambu

Guardrail merek.

LAKUKAN

Samarkan tiap identitas publik.
Satu anchor per layar; sisanya tenang.
Warna semantik sesuai makna.
Featured-icon untuk aksen tunggal.
Uji 375px dulu, sentuh ≥ 44px.
Selalu sediakan jalur sanggahan.

HINDARI

Merah di mana-mana / nada panik.
Bahasa vonis (“pasti penipu”).
Featured-icon berulang di grid 3-kolom.
Hijau untuk “belum ada laporan”.
Bayangan keras & sudut tajam.
Identitas mentah tanpa masker.

Setiap piksel membangun kepercayaan.

Panduan ini hidup — ia dirender dari token yang sama seperti seluruh situs. Saat ragu, kembali ke prinsip: tenang, jujur, berpihak ke calon korban. Bikin orang berhenti sejenak sebelum transfer, itu sudah menang.

by penipu.me design team🇮🇩 Indonesia dulu

Sumber kebenaran: globals.css & DESIGN.md · Panduan Merek v1.0