Mahjongers Letra / Brand studio 1.0
SATU KARAKTER.
BANYAK CERITA.
Panduan visual untuk website, materi acara,
dan brand yang ingin duduk semeja.
01 / Dasar identitas
AKRAB DI MEJA.
TEGAS DI VISUAL.
Karakter Letra lahir dari meja mahjong: terasa hangat, punya aturan yang jelas, dan selalu mengundang percakapan.
LETRA.
Nama & penulisan
Tulis Mahjongers Letra dalam teks. “Letra” boleh digunakan setelah nama lengkap diperkenalkan. Wordmark ini adalah identitas tipografis versi kerja, bukan klaim logo resmi.
Ruang & pasangan brand
Sisakan ruang minimal setinggi huruf L di sekeliling wordmark. Untuk co-branding, samakan tinggi optis kedua nama dan beri jarak dua kali ruang aman.
Cara kita bicara
“Belum pernah main? Mulai dari coaching.”
“Ketemu Kamis? Kabari dulu ya.”
Klaim paling besar, jumlah anggota tanpa sumber, dan janji kursi sebelum dikonfirmasi.
02 / Palet
WARNA DARI
MEJA KITA.
Forest dan Paper jadi dasar. Brick untuk ajakan. Lime cukup jadi sorotan kecil, bukan warna teks di latar terang.
Gunakan pasangan di atas untuk keterbacaan. Lime hanya dipasangkan dengan teks Forest.
03 / Tipografi & tata letak
BESAR UNTUK SUARA.
JELAS UNTUK ISI.
BARENG.
Ada ruang buat belajar. Ada waktu buat main.
0123456789 · Senin / Kamis · 12.00 WIB
| Peran | Desktop | Ponsel | Pemakaian |
|---|---|---|---|
| Hero | 104 px | 52 px | Satu judul utama |
| Judul bagian | 56 px | 36 px | Memisahkan cerita |
| Body | 16–18 px | 16 px | Teks yang dibaca |
| Caption | 13 px | 13 px | Keterangan & sumber |
Font sistem membuat website tetap mandiri tanpa unduhan font dari layanan lain. Bentuk huruf dapat sedikit berbeda antarperangkat. Untuk file cetak final, gunakan font berlisensi milik tim lalu ubah teks menjadi outline.
Ruang yang konsisten
Gunakan kelipatan 4 px, lebar konten maksimal 1.248 px, dan margin ponsel 20 px. Radius: 4 px untuk label, 8 px untuk kontrol, 14 px untuk tile.
04 / Komponen yang dipakai website
SATU SISTEM.
BISA DIPAKAI ULANG.
Contoh di bawah memakai token dan stylesheet yang sama dengan website.
Kembali lagi setelah pengumuman komunitas.
05 / Motion
SEDIKIT GERAK.
CUKUP BERASA.
Tile masuk satu kali untuk menyapa. Tombol merespons sentuhan. Informasi penting tetap langsung terbaca.
600 ms · jeda 80 ms per tile · tanpa loop
- Respons kontrol: 160 ms, pergeseran maksimal 2 px.
- Masuk tile: 600 ms, transform dan opacity saja.
- Reduced motion: gerakan dimatikan mengikuti pengaturan perangkat.
- Batas: tanpa parallax, kedipan, autoplay video, atau GIF berulang.
06 / Fotografi
YANG ASLI
LEBIH BERCERITA.
Arah foto
Utamakan tile, tangan, dan interaksi di meja. Pertahankan hijau meja dan pencahayaan alami. Jangan menutupi wajah atau susunan tile dengan teks promosi.
Pemakaian bersama partner
Konfirmasi izin foto dan orang yang tampil sebelum digunakan di iklan. Foto komunitas tidak dimasukkan ke paket aset yang bisa diunduh.
07 / Kerja sama
BAWA IDEMU
KE MEJA KITA.
Beberapa arah yang bisa dibicarakan: sesi pengenalan mahjong, pertemuan komunitas, dukungan acara, dan cerita bersama brand. Format, biaya, dan penggunaan nama disepakati setelah berdiskusi.
PLAY.
REPEAT.
× [NAMA PARTNER]
Brief yang enak dibahas.
Ceritakan tujuan, bentuk kegiatan, waktu, dan dukungan yang kamu bayangkan. Belum ada angka jangkauan atau paket sponsor yang diklaim.
Unduh template co-branding SVG
08 / Aset untuk tim & partner
AMBIL BEKALNYA.
JAGA KARAKTERNYA.
Paket berisi wordmark tipografis versi kerja, token warna, template sosial, layout co-branding, dan panduan penggunaan. Finalisasi identitas bersama pengelola sebelum publikasi kampanye.
LETRA BRAND KITZIP · SVG, JSON, CSS, dan panduan
