Brand Guideline · diturunkan dari website live
pindahmeja;

Media independen untuk komunitas, kota, dan budaya.

"Kumpul, bikin, ceritakan." · Creating stories with real impact.

01

Wordmark

Logotype huruf kecil dengan titik-koma di akhir - simbol "kalimat yang belum selesai", cerita yang terus berlanjut. Selalu lowercase.

pindahmeja;
Utama · semicolon kopi-300 di atas gelap
pindahmeja;
Varian terang · semicolon kopi-700

Jangan: kapitalkan, miringkan, beri bayangan tebal, atau hapus titik-koma. Spesifikasi live: Lora 500, tracking -0.02em.

02

Warna

Basis gelap near-black dengan teks putih. Kopi (warm brown) adalah aksen utama brand - untuk aksi, tautan, dan sentuhan editorial. Emerald & amber hanya dipakai sebagai warna status fungsional (sukses / peringatan).

Inti

Ink
Background
#0a0a0a
White
Teks utama
#ffffff
Panel
Kartu / surface
#141414
Line
Border / divider
white / 10%

Aksen utama - Kopi

50
#faf7f2
100
#f4ede2
200
#e8d7bd
300 · link/dark
#d8bb8f
400
#c49a60
500 · primary
#b07d43
600
#956536
700 · light-bg
#784f2e
800
#624128
900
#523722

Aksi/tombol: kopi-500 · tautan & teks aksen di atas gelap: kopi-300 (kontras cukup) · di atas terang: kopi-700.

Warna status (fungsional saja, bukan brand)

Sukses
emerald-500
Peringatan
amber-500
Error
red-500
Info
blue-500

Catatan implementasi: kode website saat ini banyak memakai emerald untuk aksi (sisa default), padahal brand-nya kopi. Perlu disetel ulang: ganti aksi utama ke kopi-500, sisakan emerald/amber hanya untuk status.

03

Tipografi

Dua typeface: Lora (serif) untuk judul & momen editorial, Inter untuk body & UI. Body di-set 0.85em, line-height 1.6.

Kumpul, bikin, ceritakan.
Lora · weight 500 · letter-spacing -0.01em · judul / display
Cerita yang lahir dari pertemuan nyata.
Lora · weight 500 · sub-judul
Inter dipakai untuk seluruh body dan antarmuka. Hangat, bersih, mudah dibaca. The quick brown fox jumps over the lazy dog. 0123456789.
Inter · 400 / 500 / 600 · base 0.85em · line-height 1.6
04

Komponen

Gaya minimalis terinspirasi Luma: gelap, lapang, sudut membulat, border tipis, frosted nav saat scroll.

Tombol

radius 999px · kopi-500 primary · amber = status

Navigation (frosted)

pindahmeja; HomeDiscoveryStory
fixed · transparan → bg #0a0a0a/55 + blur saat scroll

Kartu

Judul event / story
Cuplikan singkat editorial.
radius 14px · soft shadow 0 10px 30px

Quote & code

Pertemuan nyata yang berubah jadi cerita.

Tautan tampil kopi-300, inline code di latar putih 8%.

Tekstur & layout

Grain dots (18px grid, opacity 0.14) untuk hero · kontainer max-w-3xl (768px) di semua halaman publik.
05

Tone of Voice

Hangat, membumi, editorial, tenang, jelas. Bahasa Indonesia kasual-profesional. Setiap kalimat harus menjelaskan apa, kenapa, atau mengajak bertindak.

Pakai

  • kolaborasi yang bermakna
  • cerita nyata, dampak nyata
  • community-driven, kontekstual
  • aktivasi yang dipikirkan matang

Hindari

  • revolusioner, disruptif
  • game-changing, world-class
  • sinergi, solusi inovatif
  • next-gen, immersive ecosystem
HumanWarmEditorial IntentionalClearCalmConfident