Brand Guidelines
Panduan identitas visual Joalin. Gunakan halaman ini sebagai referensi untuk penggunaan logo, warna, dan tipografi yang konsisten.
Logo
Logo Joalin terdiri dari icon mark (huruf "j" kustom) dan wordmark. Dot amber pada huruf "j" melambangkan aspirasi dan energi para pemilik UMKM Indonesia.
Icon Mark
Digunakan untuk favicon, app icon, avatar, dan ruang terbatas di mana wordmark tidak cukup.
Warna
Palet warna Joalin dirancang untuk menyampaikan kepercayaan, modernitas, dan energi, tanpa kesan mahal atau korporat.
Primary & Accent
Deep Teal
Primary, logo, tombol, link
Warm Amber
Accent, highlight, badge, CTA
Teal Light
Hover state, secondary button
Amber Light
Warning, notification badge
Neutral
Slate 900
Heading text
Slate 600
Body text
Slate 400
Secondary text
Slate 200
Border, divider
White
Background
Tipografi
Plus Jakarta Sans dipilih karena proporsi geometris yang modern, x-height tinggi untuk keterbacaan, dan terminal rounded yang ramah tapi tetap profesional.
Primary Typeface
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
Heading
Bold (700)
Digunakan untuk judul halaman, section heading, dan hero text. Tracking tight (-0.025em).
Subheading
Semibold (600)
Untuk label, card title, nav items, dan elemen UI yang butuh penekanan.
Body
Regular (400)
Paragraf, deskripsi, konten panjang. Line height 1.6 untuk keterbacaan optimal.
Aturan Penggunaan
Jaga konsistensi brand dengan mengikuti aturan berikut.
- Gunakan logo pada background putih atau gelap solid
- Jaga clear space minimal 1x tinggi icon mark di sekeliling logo
- Gunakan file SVG untuk web, PNG untuk media sosial
- Selalu tulis "joalin" dalam lowercase
- Gunakan icon mark untuk ukuran kecil (favicon, avatar)
- Jangan ubah proporsi atau rotasi logo
- Jangan ganti warna brand tanpa persetujuan
- Jangan taruh logo di atas background foto yang ramai
- Jangan tulis "Joalin" dengan kapital J (kecuali awal kalimat)
- Jangan tambahkan efek shadow, gradient, atau outline
Brand Voice
Joalin berbicara sebagai teman bisnis, profesional tapi approachable, langsung ke inti tanpa jargon teknis.
Helpful
Bantu UMKM go online dengan mudah
Straightforward
Tanpa jargon, langsung ke inti
Reliable
Bisa diandalkan sehari-hari
Modern
Desain clean, teknologi terkini
Jangan begini
"Integrasi multi-channel payment gateway dengan webhook notification dan real-time settlement."
Tapi begini
"Pembayaran otomatis via QRIS, transfer bank, dan e-wallet. Kamu tinggal terima uangnya."
Download Brand Assets
Semua file logo dalam format SVG dan PNG, siap digunakan.
Siap Mulai?
Buat toko online profesional kamu sekarang. Bikin tokonya gratis, tanpa kartu kredit.
Mulai Bikin Toko