Welldone Group · Versi 1 · Oktober 2026
Urban
Store
Sistem desain untuk spesialis jual beli Apple di Jember, Genteng, dan Banyuwangi. Bersih, minimalis, premium, dengan oranye api sebagai tanda tangan. Karena Kami Sebaik Itu.
Prinsip
Empat aturan sebelum mendesain apa pun.
Produk adalah bintangnya
Satu produk per hero, foto besar, latar polos. Tidak ada tumpukan promo.
90 / 10
Sekitar 90% hitam, putih, abu. Oranye api maksimal 10% sebagai aksen.
Jujur dan jelas
Kalimat pendek, angka nyata. "Mulai Rp4,2 jt", bukan "TERMURAH!!!".
Satu ajakan utama
Satu tombol pill hitam, ditambah paling banyak satu tautan teks oranye "›".
Santai-sopan, sapaan "kamu", pelanggan dipanggil "Kak" di pesan personal. Headline 2–6 kata: "iPhone impianmu. Harga yang jujur." Tombol berupa kata kerja: Cek Harga Tukar Tambah, Ambil voucher.
Huruf kapital semua, tanda seru berderet, emoji di headline, kata "termurah", klaim "100% original" tanpa bukti.
Warna
Netral sebagai panggung, api sebagai tanda tangan.
Oranye api diambil langsung dari logo. Untuk teks oranye selalu pakai --ember, karena oranye terang tidak terbaca di latar putih.
Proporsi ideal satu layar: putih 55% · abu 20% · hitam 15% · oranye maksimal 10%.
Tombol utama hitam. Oranye untuk ikon api, badge, blok warna, eyebrow di latar gelap.
Tombol oranye dengan teks putih, latar oranye penuh, gradien ungu-biru, teks oranye muda di latar putih.
Tipografi
Inter Tight untuk judul, Inter untuk teks.
Keduanya gratis dari Google Fonts. Jangan memakai SF Pro di web, lisensinya hanya untuk platform Apple.
Layout
Ruang kosong yang disengaja.
Lebar konten maksimal 1200px. Jarak antar section 72px, section showcase 96px. Shadow hampir tidak ada; pemisahan lewat warna permukaan.
Spacing
Radius
input
kartu
tile, hero
Komponen
Blok yang sudah jadi.
Spesialis Jual Beli Apple · Jember · Genteng · Banyuwangi
iPhone impianmu.
Harga yang jujur.
Baru, second, tukar tambah, atau kredit. Semua dicek transparan di depanmu.
Pahami dulu, baru beli.
Panduan singkat supaya kamu yakin sebelum membeli.
Fotografi & logo
Foto asli, latar polos, cahaya lembut.
Foto stok Urban sendiri di latar putih atau #F5F5F7, cahaya dari atas, bayangan halus di bawah unit.
Tangan memegang iPhone, meja kayu terang, suasana toko Urban. Orang Indonesia, natural, tidak berpose berlebihan.
Foto marketing resmi Apple (lisensi), logo Apple, latar ramai, neon, teks di atas foto.
Beri ruang kosong minimal setinggi huruf "U". Jangan mengubah warna api atau menaruh logo di atas foto ramai. Minta versi SVG/PNG transparan untuk produksi.
Prompt ChatGPT
Generate hero section dalam hitungan menit.
Prompt gambar ditulis dalam bahasa Inggris supaya hasilnya konsisten. Teks untuk pelanggan tetap berbahasa Indonesia. Ganti bagian dalam [kurung siku].
Tempel Brand brief sekali di awal chat, atau simpan di Project instructions ChatGPT.
Pilih resep gambar atau kode, ganti isi [kurung siku].
Jangan minta teks di dalam gambar. Tambahkan headline di Canva atau di kode.
Unggah foto stok asli sebagai referensi agar produk akurat dan aman lisensi.
Brand brief
Resep gambar hero
Ukuran: web 16:9 (1792×1024) · feed Instagram 4:5 (1080×1350) · story 9:16 (1024×1792).
Resep kode hero (HTML + Tailwind)
Checklist sebelum dipakai
- Oranye hanya sebagai aksen, tidak lebih dari ~10% bidang
- Hanya satu tombol utama (pill hitam)
- Headline maksimal dua baris, tanpa huruf kapital semua
- Tidak ada logo Apple atau foto resmi Apple
- Teks oranye di latar putih memakai #C2410C
- Harga dan angka adalah data asli, bukan contoh