Langsung ke konten
Brand guideline · Sosial media

Wajah yang sama di setiap feed.

Pedoman ini menerjemahkan desain tikuma.net ke Instagram, TikTok, LinkedIn, dan WhatsApp. Isinya aturan logo, warna, huruf, elemen grafis, maskot, template, dan cara kami menulis.

pegangan tim desain & admin sosmed

Ringkasan 1 menit

Kalau hanya sempat membaca satu bagian, baca ini.

Warna utama

  • Tinta#0E1433
  • Indigo#4B3BFF
  • Stabilo#FFE15A
  • Kertas#FFFFFF

Huruf

  • Plus Jakarta Sans
  • IBM Plex Mono
  • Nanum Pen Script

Kanvas

  • Feed & carousel · 1080 × 1350
  • Story, Reels, TikTok · 1080 × 1920
  • Margin aman feed · 80 px

Aturan emas

  1. 1Satu stabilo per desain.
  2. 2Stempel logo selalu miring, tidak pernah diubah.
  3. 3Setiap post memberi satu alasan untuk pede, dan alasannya bisa dicek.

Esensi brand

Teknologi yang Anda pahami dan miliki.

Semua konten berangkat dari janji di beranda tikuma.net, yaitu website yang bikin Anda pede kirim link. Rasa pede itu muncul saat Anda paham cara kerjanya dan memegang semua file serta aksesnya. Di setiap post, tinta mesin menunjukkan buktinya dan tinta manusia menunjukkan orang yang menjelaskannya.

Posisi
Tech agency di Jakarta untuk desain, web, dan aplikasi yang membuat pemiliknya pede.
Tagline (tidak diterjemahkan)
Pede kirim link.
Audiens
Pemilik UMKM dan tim korporat yang butuh partner digital yang bisa diajak bicara.
Bukti di tikuma.net
Kabar progres tiap minggu · brief dibalas 1 hari kerja · semua file milik klien · skor performa terbaik

tinta manusia

  • Tulisan tangan untuk catatan dan nama orang
  • Stabilo kuning di satu kata kunci
  • Stempel & paraf sebagai tanda "sudah dicek"
  • Sketsa, kertas tempel, selotip, polaroid

Tinta mesin

  • Plus Jakarta Sans ExtraBold yang rapat
  • Label mono untuk kategori, file, dan jam
  • Kertas kotak sebagai latar
  • Chip, badge, tombol pil, warna indigo

Setiap desain memakai keduanya: struktur dari tinta mesin, lalu satu atau dua sentuhan tinta manusia. Tanpa tinta manusia konten terasa dingin; terlalu banyak, konten terasa berantakan.

Warna

Tinta, Indigo, Stabilo, Kertas.

Empat warna utama yang sama persis dengan situs ini. Warna pendukung hanya untuk latar lembut dan detail ilustrasi.

  • Tinta

    #0E1433
    RGB 14 20 51

    Teks utama, latar gelap, tombol WhatsApp, label seri.

  • Indigo

    #4B3BFF
    RGB 75 59 255

    Warna aksi & teknologi: tombol, tautan, badge, baris kedua judul.

  • Stabilo

    #FFE15A
    RGB 255 225 90

    Penekanan tangan: stabilo, stiker, selotip, angka di latar gelap.

  • Kertas

    #FFFFFF
    RGB 255 255 255

    Latar utama, hampir selalu dengan kotak tipis Tinta 6%.

Warna pendukung

  • Lavender #EEEAFELatar seri edukasi, kartu lembut.
  • Indigo muda #DCD8FFLingkaran maskot, ilustrasi.
  • Mint #E3F6EELatar studi kasus, kertas tempel.
  • Fog #F2F4F7Latar testimoni, blok netral.
  • Stabilo tua #F5C400Detail ilustrasi. Bukan untuk teks.
  • Tinta lembut #1C2450Kartu di atas latar Tinta.
  • Tinta redup #4A5170Teks sekunder, label mono.
  • Grafit #474C5ATulisan tangan di latar terang, paraf.

Porsi warna dalam satu feed

  • Kertas & Fog 55%
  • Tinta 20%
  • Indigo 10%
  • Stabilo 8%
  • Mint & Lavender 7%

Pasangan teks & latar (kontras WCAG)

  • AaTinta di Kertas18 : 1AAA
  • AaKertas di Tinta18 : 1AAA
  • AaTinta di Stabilo13,9 : 1AAA
  • AaStabilo di Tinta13,9 : 1AAA
  • AaKertas di Indigo6,2 : 1AA
  • AaIndigo di Kertas6,2 : 1AA
  • AaIndigo di Lavender5,3 : 1AA
  • AaStabilo di Indigo4,8 : 1AA
  • AaIndigo di Tinta2,9 : 1Jangan
  • AaStabilo di Kertas1,3 : 1Jangan

Tipografi

Tiga huruf, tiga peran.

Plus Jakarta Sans untuk bicara, IBM Plex Mono untuk mencatat, Nanum Pen Script untuk menyapa. Ketiganya sama dengan situs ini dan gratis di Google Fonts.

  • Tinta mesin · judul & isi

    Pede kirim link.

    Plus Jakarta Sans

    Judul ExtraBold 800, jarak huruf −4%, spasi baris 0,95. Subjudul Bold 700. Isi Medium 500 atau Regular 400.

  • Tinta mesin · label

    Web development · brief-proyek.pdf 09.12

    IBM Plex Mono

    Medium 500, huruf kapital, jarak huruf +8%. Untuk kategori, nama seri, nama file, jam, dan nomor slide.

  • Tinta manusia · catatan

    kami cek dulu sebelum Anda kirim

    Nanum Pen Script

    Regular 400, miring −2° sampai −4°. Grafit di latar terang, Stabilo di latar gelap.

Skala huruf di kanvas 1080 px

PeranHurufUkuranSpasi barisJarak hurufAturan
Angka besarJakarta 800260–300 px0,85−5%Satu angka + satuan kecil.
JudulJakarta 80090–112 px0,95−4%Maks. 8 kata, huruf kalimat, diakhiri titik.
SubjudulJakarta 70056–68 px1,05−3%Judul slide isi carousel & Story.
IsiJakarta 50032–36 px1,450Maks. 30 kata per slide.
LabelPlex Mono 50022–24 px1,25+8%Huruf kapital, maks. 5 kata.
Catatan tanganNanum Pen 40048–60 px0,92+1%Maks. 10 kata. Kutipan klien boleh ±25 kata.
Subtitle videoJakarta 70044–48 px1,2−1%Maks. 2 baris, di area aman.

Aturan menyusun

  • Rata kiri. Rata tengah hanya untuk kartu penutup dan sampul Reels.
  • Satu judul, satu stabilo. Baris kedua boleh indigo untuk sisi hasil atau teknologi.
  • Angka format Indonesia: 1,2 dtk · 3 mgg · 1 hari kerja.

Hindari

  • Judul huruf kapital semua atau diberi garis tepi.
  • Tulisan tangan untuk paragraf panjang atau harga.
  • Font pengganti seperti Poppins, Montserrat, atau font tangan lain.

Unduh ketiganya di fonts.google.com (lisensi SIL Open Font License). Di Canva, pasang ketiganya di Brand Kit supaya seluruh tim memakai file yang sama.

Elemen grafis

Sentuhan tangan di atas struktur yang rapi.

Semua elemen di bawah ini dipakai di situs ini. Maksimal dua elemen tinta manusia per desain supaya tetap personal tanpa terlihat ramai.

  • StabiloTinta manusia

    Satu kata atau frasa kunci per desain. Bentuknya sedikit miring, tidak kotak sempurna.

  • Catatan & panahTinta manusia

    Komentar singkat dari tim yang menunjuk sesuatu.

  • StempelTinta manusia

    Untuk klaim yang bisa dipertanggungjawabkan: MILIK KLIEN, DISETUJUI, SEGERA.

  • ParafTinta manusia

    Garis tanda tangan di bawah nama orang. Menutup pesan dari founder atau tim.

  • Kertas tempel & selotipTinta manusia

    Untuk kutipan klien. Warna bergiliran: Mint, Stabilo, Lavender.

  • PolaroidTinta manusia

    Untuk foto tim, maskot, dan karya. Miring 2–4°, bayangan lembut.

  • Kertas kotakTinta mesin

    Latar default. Di kanvas 1080 px: sel 54 px, garis Tinta 6%.

  • Label monoTinta mesin

    Kategori, nama seri, nama file, jam, nomor slide. Selalu pendek.

  • ChipTinta mesin

    Nama seri di sampul carousel dan label hasil build. Latar Tinta, teks mono putih.

  • BadgeTinta mesin

    Status singkat seperti SEGERA. Indigo 10% dengan teks indigo.

  • Tombol pilTinta mesin

    Satu ajakan per desain. Indigo, atau Tinta untuk WhatsApp.

  • Bingkai browserTinta mesin

    Untuk memamerkan website: tiga titik dan URL mono di atas latar berwarna lembut.

  • Ikon garisTinta mesin

    Set ikon situs ini: grid 24 px, garis 1,75 px, ujung membulat. Tanpa emoji.

  • Sudut & bayanganTinta mesin

    Radius kartu 20 px, blok 28 px, tombol berbentuk pil. Bayangan hanya untuk benda "fisik".

Ikon & elemen UI

Semua yang dipakai di tikuma.net.

Daftar lengkap ikon, coretan tangan, komponen, blok section, dan kelas gaya di situs ini, dengan nama yang sama seperti di kode. Pakai daftar ini supaya desain sosmed dan situs memakai bahan yang sama.

Ikon garis 32

Semua ikon dari satu set: grid 24 px, garis 1,75 px, ujung membulat, warna mengikuti teks. Komponen: ui/Icon.astro.

  • arrow-rightTombol ajakan (Mulai Proyek, Lihat semua karya) & kirim form
  • arrow-up-rightTautan keluar & kartu studi kasus
  • arrow-downTurun ke form atau section, unduh file
  • arrow-upKembali ke atas di footer
  • searchKolom cari di portofolio
  • arrow-leftKembali ke semua artikel
  • chevron-downMenu Layanan di header, buka testimoni lainnya
  • menuBuka menu di HP
  • closeTutup menu, tanda "jangan"
  • checkDaftar poin, deliverable, langkah selesai
  • plusBuka jawaban FAQ
  • playPutar animasi hero beranda (HeroLoop)
  • pauseJeda animasi hero beranda (HeroLoop)
  • refreshMuat ulang di halaman error
  • copySalin email dan kode HEX
  • mailEmail office@tikuma.net
  • chatWhatsApp, topik artikel panduan, jenis Landing page
  • pinAlamat di footer & kontak
  • calendarJadwal program & booking call
  • cameraTempat foto tim yang belum ada
  • userSorotan "Tim" di profil sosmed
  • penDesign Service, topik artikel proses
  • codeWeb Development, tahap Development
  • phoneApp Development, tahap Launch
  • chartAds Service
  • botLayanan AI Marketing
  • cpuPeran AI pada produk AI Marketing (tab layanan beranda), jenis Web app & sistem
  • pencilPenanda tim: catatan & keputusan tim
  • globeSumber jawaban di tampilan asisten AI (section SEO beranda), jenis Company profile
  • sparklesHanya di label prompt.txt pada form Program CSR
  • gridSorotan "Layanan" di profil sosmed, jenis Toko online
  • helpSorotan "FAQ" di profil sosmed

Coretan tangan 11

  • underlineGaris bawah judul & paraf
  • circleLingkaran penanda di blok ajakan
  • arrow-leftPanah catatan ke kiri (desktop)
  • arrow-rightPanah catatan ke kanan, "geser"
  • arrow-upPanah catatan di HP (catatan di bawah)
  • arrow-up-leftPanah catatan serong di HP
  • arrow-downPanah ke tombol atau form di bawah
  • arrow-left-downPanah melengkung ke bawah
  • checkCentang tangan
  • strikeCoretan pada pilihan yang dibuang
  • waveGaris gelombang, jalur proses

Komponen UI

  • Button

    Tombol pil: primary, secondary (Tinta), ghost, light, outline-light, outline-dark.

  • Badge

    Status kecil: SEGERA, netral, dan versi gelap untuk footer.

  • SampleTag

    Label selotip "ilustrasi" untuk konten yang belum asli.

  • DemoCursor

    Kursor demo: orang (stabilo + tulisan tangan) dan label teknis seperti "build" (indigo + mono).

  • CritterAvatar

    Avatar makhluk kecil untuk testimoni tanpa logo, unik per klien.

  • Breadcrumbs

    Jejak halaman di halaman detail.

  • Logo

    Logo cap basah di header; opsi tagline & animasi cap ulang tiap 8 detik.

  • LogoStamp

    Stempel mendatar + paraf "tech consultant" di footer.

  • Mascot

    Tiku: di FAQ, Segera hadir, blok ajakan, dan halaman 404.

  • BotAvatar

    Avatar tim: stamp, brush, visor, signal.

  • Scribble

    Coretan tangan SVG yang digambar saat terlihat.

  • SelectMenu

    Menu pilihan bergaya situs (pengganti dropdown bawaan) dengan keyboard penuh; filter portofolio.

  • SectionHeading

    Eyebrow, judul dengan satu stabilo, dan deskripsi.

CritterAvatar: semua karakter

Avatar testimoni untuk klien tanpa logo. Karakternya dipilih dari nama bisnis klien, jadi setiap klien punya karakter sendiri yang selalu sama: 6 bentuk × 8 warna × 4 mata × 4 mulut × 4 aksesori, 3.072 kombinasi.

Semua bergerak seperti di situs: melayang dengan tempo acak 3–5 detik, berkedip, daun pada bentuk sprout bergoyang, dan bergoyang saat kartunya disorot. Gerak berhenti di luar layar dan saat pengunjung memilih reduced motion.

Bentuk

  • blob
  • square
  • cat
  • bear
  • sprout
  • ghost

Warna (latar · badan)

  • lavender · primary
  • fog · marker
  • mint · ink
  • primary-soft · paper
  • marker · primary-soft
  • ink · marker
  • mint · primary
  • lavender · marker-deep

Mata

  • dots
  • happy
  • wink
  • big

Mulut

  • smile
  • o
  • cat
  • grin

Aksesori

  • none
  • blush
  • bow
  • glasses

Avatar klien di papan testimoni · 12

arahkan kursor ke kartu untuk melihatnya bergoyang

  • Tukangbangunjogja.id
  • Tarucraft
  • Yayasan Rumpun Nurani
  • Serasa Catering
  • Flow Nail Art
  • #ConnectToCare
  • Summer Rental
  • waajo.id
  • Ardi Wijaya & Co
  • Yayasan Azza Kreativa Islami
  • Akomologi Project
  • Memayu Tour and Travel

Blok section

PageHero
Hero halaman dalam: eyebrow, judul berstabilo, catatan tangan.
CtaBand
Blok ajakan berlatar Stabilo di akhir halaman, dengan Tiku.
FaqList
Daftar tanya jawab yang bisa dibuka.
ProcessSteps
Lima langkah proses dengan kursor "Anda di sini".
WebsiteTypes
Daftar jenis website (ikon, ringkasan, estimasi, harga) di Web Development dan halaman jenis website.
PriceCard
Kartu harga "mulai dari" berselotip, dengan daftar yang sudah termasuk.
HeroLoop
Animasi hero berulang: sketsa → build → cek rilis → cap Tiku → kirim link, bersama bot tim.
ServiceVisual
Ilustrasi tiap layanan, dengan kursor demo di visual besar.
TeamGrid
Polaroid tim dengan avatar bot.
Papan testimoni
Kertas tempel miring berselotip, "Lihat semua".
Standar setiap website
Beranda, lima section: kartu skor Lighthouse + tes ulang, ganti layar, Google / asisten AI, uji serangan bot, pilih CMS.
WhatsAppButton
Tombol WhatsApp melayang di pojok kanan bawah.
CookieConsent
Banner persetujuan cookie.

Kelas gaya

.eyebrow
Label mono kecil di atas judul
.machine
Teks mono tinta mesin: label, metadata
.hand
Tulisan tangan tinta manusia
.mark
Stabilo di balik teks
.bg-grid
Kertas kotak 28 px
.taped
Selotip di atas kartu atau foto
.polaroid
Bingkai foto miring, lurus saat disorot
.block-rounded
Blok warna membulat (Fog, Tinta, Mint, Stabilo)
.h-display · .h-section · .h-section-md
Skala judul besar, section, dan kolom sempit
.lead
Paragraf pembuka
.container-site
Lebar konten maks. 80rem dengan margin samping

Maskot

Tim di balik proyek, dalam bentuk bot.

Setiap anggota tim tampil sebagai bot yang mewakili orang sungguhan. Di sosial media, bot menjadi wajah seri konten. Tiku, stempel bermata, menemani FAQ dan pengumuman.

  • Uki

    Founder & Strategi

    Catatan Founder: cerita dan strategi bisnis

  • Kiro

    Lead Designer

    Catatan Kiro: tips desain dan UI/UX

  • Kana

    Lead Engineer

    Kode Kana: tips teknis, kecepatan, keamanan

  • Afa

    Project Manager

    Update Afa: progres dan proses proyek

Tiku: empat pose yang boleh dipakai

  • Penasaran

    Pilihan default. Mata mengikuti kursor di situs.

  • Senang

    Rilis proyek, testimoni, ucapan terima kasih.

  • Tidur

    Layanan segera hadir, libur, di luar jam kerja.

  • Bertanya

    FAQ, tanya jawab, kuis di Story.

Boleh

  • Satu karakter untuk satu seri topik.
  • Di polaroid, lingkaran warnanya sendiri, atau latar kertas kotak.
  • Jadi stiker kecil di samping foto asli orangnya.

Jangan

  • Mengganti warna badan, lingkaran, atau properti (pensil Kiro, </> Kana, antena Afa).
  • Membuat pose atau ekspresi baru.
  • Memakai maskot untuk mewakili klien atau testimoni.
  • Lebih kecil dari 160 px di kanvas 1080 px.

Format & area aman

Dua kanvas untuk semua kanal.

Semua desain dibuat dari potret 4:5 untuk feed dan 9:16 untuk Story, Reels, TikTok, dan status WhatsApp. Ukuran lain diturunkan dari keduanya.

KanalFormatUkuran (px)RasioCatatan
InstagramFeed & carousel1080 × 13504:5Kanvas utama. Carousel 5–8 slide.
InstagramStory & Reels1080 × 19209:16Judul sampul Reels di area tengah 1080 × 1440.
InstagramFoto profil1080 × 10801:1Tampil bulat. Pakai ikon stempel.
TikTokVideo1080 × 19209:16Kosongkan 160 px kanan untuk tombol.
LinkedInPost & carousel PDF1080 × 13504:5Pakai ulang aset feed Instagram.
LinkedInBanner profil1584 × 3964:1Kiri bawah tertutup foto profil.
WhatsAppStatus1080 × 19209:16Sama dengan Story.
Feed 4:5. Semua teks dan logo di dalam garis putus-putus. Grid profil Instagram memotong sekitar 34 px di kiri dan kanan.
Story 9:16. 250 px atas dan 340 px bawah tertutup antarmuka aplikasi. Khusus TikTok, kosongkan 160 px di kanan bawah.

Template post

Sembilan template feed, tiga template Story.

Setiap template punya satu tugas. Pilih berdasarkan pesan yang ingin disampaikan, lalu isi dengan konten asli. Contoh di bawah memakai data dari situs ini.

  • Pernyataan

    Prinsip kerja, opini, pengumuman singkat. Satu stabilo, satu catatan.

    Cara kerjaKertas kotak

  • Angka

    Satu data atau janji layanan yang bisa dibuktikan. Angka Stabilo.

    Cara kerjaTinta

  • Studi kasus

    Karya klien dengan satu hasil yang diberi stabilo, di dalam bingkai browser.

    KaryaMint

  • Suara klien

    Kutipan klien apa adanya, dengan izin. Nama brand dan peran selalu ada.

    Suara klienFog

  • Sampul carousel

    Tips bertahap dari tim. Nama seri, nomor slide, dan bot pemilik seri.

    EdukasiLavender

  • Ajakan

    Ajakan mulai proyek. Satu tombol, satu janji yang benar, tanpa hitung mundur palsu.

    AjakanStabilo

  • Kenalan tim

    Orang di balik proyek. Foto asli bila ada, bot sebagai pendamping.

    TimKertas kotak

  • Sketsa → jadi

    Sketsa dan hasil jadinya dalam satu bingkai. Paling kuat sebagai Reels dengan efek geser.

    KaryaKertas

  • Segera hadir

    Layanan baru. Latar indigo penuh maksimal satu dari sembilan post.

    AjakanIndigo

Story & sampul Reels (9:16)

  • Di balik layar

    Draf pertama, lalu coretan keputusan tim.

  • Tanya jawab

    Jawaban dari data proses di situs ini. Tiku pose bertanya.

  • Update progres

    Lima langkah proses dengan stiker "Anda di sini".

Anatomi carousel

  1. 01 · SampulNama seri, nomor slide, bot, judul dengan satu stabilo.

  2. 02 · IsiSatu ide per slide. Nomor dalam lingkaran tangan.

  3. 03 · IsiContoh visual sederhana. Isi maks. 30 kata.

  4. 06 · PenutupSatu ajakan dan logo. Tidak ada tips baru.

Profil & sorotan

Profil yang langsung dikenali.

Foto profil, bio, sorotan, dan banner adalah hal pertama yang dilihat calon klien. Samakan di Instagram, TikTok, LinkedIn, dan WhatsApp Business.

TIKUMA · Jasa Website & Aplikasi

Pede kirim link.
Website, aplikasi & desain dari Jakarta.
Kabar progres tiap minggu.
Brief dibalas dalam 1 hari kerja ↓

tikuma.net

  • Layanan
  • Karya
  • Proses
  • Klien
  • Tim
  • FAQ

Bio: 119 dari 150 karakter

Aturan profil

  • Foto profil selalu ikon stempel: Stabilo di atas Tinta, tinggi stempel ±70% diameter lingkaran.
  • Nama tampilan memuat kata yang dicari orang, misalnya "Jasa Website & Aplikasi".
  • Bio empat baris: tagline, layanan, cara kerja, janji. Tautan ke tikuma.net.
  • Sampul sorotan memakai ikon garis situs ini di lingkaran berwarna palet, label satu kata.

Banner LinkedIn (1584 × 396)

Pilar konten

Apa yang kami posting, dan seberapa sering.

Enam pilar dengan porsinya. Karya dan edukasi menjadi porsi terbesar karena keduanya paling membantu calon klien memutuskan.

  • Karya30%

    Studi kasus, sketsa → jadi, demo website.

    “booking online lengkap dengan jadwal dan estimasi biaya”

    Studi kasusSketsa → jadi

  • Edukasi25%

    Tips desain, web, dan aplikasi untuk pemilik bisnis, tanpa jargon.

    “5 tanda desain website Anda perlu dirombak”

    CarouselTanya jawab

  • Cara kerja20%

    Proses kerja, di balik layar, dan janji layanan.

    “Kode, desain, akses. Anda pemiliknya.”

    PernyataanAngkaStory

  • Suara klien10%

    Testimoni asli dari klien, dengan izin.

    “Enak diajak diskusi.”

    Suara klien

  • Tim10%

    Kenalan dengan orang di balik proyek.

    “Kana mereview setiap baris kode”

    Kenalan tim

  • Info & ajakan5%

    Layanan baru, waitlist, ajakan konsultasi.

    “Layanan berikutnya sedang disiapkan.”

    AjakanSegera hadir

Ritme mingguan (titik awal)

HariFeedStory
SeninEdukasi: carousel Catatan Kiro atau Kode KanaPolling topik minggu ini
RabuKarya: studi kasus atau Reels sketsa → jadiDi balik layar proyek
JumatBergiliran: cara kerja, suara klien, atau timTanya jawab
Hari kerja lainTidak wajib1–3 Story: update progres, repost klien, pengingat ajakan

Evaluasi tiap 4 minggu dengan ukuran utama jumlah simpan, kirim, dan chat WhatsApp yang masuk. Jumlah suka hanya data pelengkap.

TIKUMA9 post terbaru

Contoh grid profil

Aturan grid

  • Setiap baris maksimal satu latar gelap (Tinta atau Indigo) dan satu latar Stabilo.
  • Dua post dengan latar yang sama tidak bersebelahan, ke samping maupun ke bawah.
  • Setiap baris punya minimal satu post Kertas atau latar lembut supaya feed tetap terang.
  • Susun rencana 9 post sekaligus, lalu cek tampilannya sebelum post pertama tayang.

Suara & caption

Bicara seperti tim yang bisa diajak ngobrol.

Nada tulisan mengikuti situs ini: jujur, sabar, dan konkret. Pembacanya pemilik bisnis yang sibuk, jadi kami menulis singkat dan tanpa jargon.

  • Jujur

    Kalau ide kurang cocok, kami bilang dan jelaskan alasannya.

    "Fitur ini belum perlu di tahap awal. Kita mulai dari booking dulu."

  • Sabar & hangat

    Istilah teknis dijelaskan dengan bahasa sehari-hari.

    "Hosting itu rumah untuk website Anda di internet."

  • Konkret

    Pakai angka dan hasil yang bisa dicek, dan kurangi kata sifat.

    "Halaman terbuka dalam 1,2 detik."

  • Orang di depan

    Sebut siapa yang mengerjakan dan apa alasan di balik keputusannya.

    "Kiro memakai satu warna aksen supaya tombol pemesanan mudah ditemukan."

Aturan bahasa

  1. 01Sapa pembaca dengan "Anda" (A kapital). Sebut diri "kami".
  2. 02Bahasa Indonesia yang santai dan sopan. Istilah Inggris hanya untuk nama layanan.
  3. 03Kalimat pendek, maksimal ±20 kata. Satu paragraf, satu ide.
  4. 04Angka ditulis dengan digit: 3 minggu, 1,2 detik, 1 hari kerja.
  5. 05Emoji maksimal dua per caption dan tidak di baris pertama. Tidak dipakai di desain, kecuali kutipan klien asli.

Pakai dan hindari

PakaiHindari
kabar progres tiap minggutransparan dan profesional
kode, desain, dan akses milik Andasolusi digital terbaik dan terlengkap
estimasi dalam satu hari kerjatermurah se-Indonesia
website yang menghasilkan leadrevolusioner, tercanggih, pasti viral
kami bantu pilihkanburuan, slot terbatas (bila tidak benar)
Mulai Proyek · Chat WhatsAppKLIK LINK DI BIO SEKARANG!!!

Rumus caption: kait → isi → bukti → ajakan → tagar

Kait
Promo WhatsApp bisa terkirim sesuai jadwal, tanpa harus memegang HP.
Isi
Untuk waajo.id kami membangun website yang menjelaskan broadcast dan chatbot dengan bahasa pemilik bisnis.
Bukti
“Saya orang lapangan, nggak paham soal website. Tapi dijelasin pelan-pelan sampai ngerti. Sekarang kalau ada yang minta lihat hasil kerjaan, tinggal saya kirim link-nya aja.” Brand Owner, Tukangbangunjogja.id
Ajakan
Butuh website serupa? Ceritakan kebutuhan Anda lewat WhatsApp. Kami balas dalam satu hari kerja.
Tagar
#TIKUMA #JasaPembuatanWebsite #WebsiteBisnis #WebsiteUMKM

Tagar

Brand · selalu

#TIKUMA#PedeKirimLink

Layanan · pilih 1–2

#JasaPembuatanWebsite#JasaPembuatanAplikasi#DesainUIUX

Audiens · pilih 1

#UMKMIndonesia#BisnisJakarta

Total 3–5 tagar, di akhir caption.

Ajakan standar

Mulai ProyekChat WhatsAppLihat PortofolioGabung waitlist

Kalimat pendamping: "Ceritakan kebutuhan Anda. Kami balas dengan rekomendasi dan estimasi dalam satu hari kerja."

Membalas komentar & DM

  • Maksimal satu hari kerja, sama dengan janji di situs ini.
  • Tutup dengan nama depan pembalas, misalnya "Afa, TIKUMA".
  • Pertanyaan harga: sebut harga "mulai dari" di situs, penawaran final setelah sesi discovery lewat WhatsApp.
  • Kritik: terima kasih, akui, lalu lanjutkan di DM atau WhatsApp.

Foto & ilustrasi

Tunjukkan orang dan karya yang sungguhan.

Foto asli tim dan tangkapan layar karya lebih dipercaya daripada gambar stok. Ilustrasi memakai bentuk dasar dari palet, ditemani garis sketsa.

Pakai

  • Foto tim asli saat bekerja: sketsa di kertas, diskusi, layar kerja. Cahaya alami.
  • Tangkapan layar karya di dalam bingkai browser atau HP, di atas latar Mint, Lavender, atau Fog.
  • Ilustrasi datar dari lingkaran indigo, kartu Stabilo, dan kartu putih, ditambah garis sketsa.

Hindari

  • Foto stok orang bersalaman atau tertawa ke arah laptop.
  • Visual klise teknologi: otak bercahaya, robot humanoid, sirkuit neon biru.
  • Wajah, klien, atau testimoni rekaan.
  • Filter berat, gradasi warna, dan efek glow.

Ikuti aturan label di setiap platform. Bila sebuah post wajib diberi label, pasang labelnya sebelum tayang.

Gerak

Bergerak cepat, mendarat lembut.

Animasi Reels dan Story mengikuti situs ini: masuk cepat lalu melambat di akhir. Gerakan khas: stabilo digambar, stempel dicap, paraf ditulis.

  • 150 ms

    Cepat · ikon, tombol kecil

  • 300 ms

    Standar · kartu, teks

  • 600 ms

    Masuk · stabilo, judul

  • Ease-out expo

    cubic-bezier(.16, 1, .3, 1)

Struktur Reels

  • 0–2 detik: kait. Judul muncul, stabilo digambar.
  • Isi: satu ide per potongan, transisi geser seperti sketsa → jadi.
  • 2 detik terakhir: kartu penutup dengan logo dan satu ajakan.

Subtitle & sampul

  • Subtitle Jakarta Bold 44–48 px, Tinta di pil putih atau putih di pil Tinta, maks. 2 baris.
  • Sampul Reels memakai template Pernyataan atau Sketsa → jadi.
  • Hindari efek berputar, memantul, atau glitch.

Boleh & jangan

Kesalahan yang paling sering terjadi.

Setiap pasangan menunjukkan versi yang benar di kiri dan versi yang harus dihindari di kanan.

  • Boleh: Satu stabilo
    Jangan: Stabilo di banyak kata
  • Boleh: Tinta di atas Stabilo
    Jangan: Stabilo di atas Kertas
  • Boleh: Huruf kalimat + titik
    Jangan: Kapital semua & seruan
  • Boleh: Latar rata + kotak
    Jangan: Gradasi & glow
  • Boleh: Catatan pendek
    Jangan: Paragraf tulisan tangan
  • Boleh: Margin 80 px
    Jangan: Teks mepet tepi

Cek sebelum posting

Dua belas centang sebelum tombol Bagikan.

Centang langsung di halaman ini sebelum setiap post tayang.

Ekspor & nama file

File rapi, mudah dicari lagi.

Format ekspor yang sama untuk semua orang, dan nama file yang langsung menjelaskan isinya.

Format ekspor

  • Grafis: PNG, sRGB, lebar 1080 px.
  • Foto: JPG kualitas 90%, sRGB.
  • Video: MP4 H.264, 1080 × 1920, 30 fps.
  • Carousel LinkedIn: PDF 1080 × 1350, satu slide per halaman.

Pola nama file

tanggal_kanal-format_pilar_topik_versi

20261005_ig-feed_karya_waajo_v01.png

20261007_ig-reels_karya_sketsa-jadi_v02.mp4

Huruf kecil, tanpa spasi, tanggal tayang di depan.

Alt text

Satu atau dua kalimat yang menjelaskan isi gambar. Jangan mengulang caption.

"Kartu studi kasus TIKUMA: website waajo.id di dalam bingkai browser, latar mint."

Butuh pedoman seperti ini untuk brand Anda?

Brand identity dan social media kit adalah bagian dari Design Service yang segera hadir. Gabung waitlist untuk akses awal.

dikerjakan tim yang menyusun halaman ini

Gabung waitlistKonsultasi via WhatsApp

cookie

Kami memakai cookie analytics (Google Analytics & Microsoft Clarity) untuk memahami cara situs ini dipakai, hanya bila Anda setuju. Pilihan bisa diubah kapan saja di footer. Kebijakan Privasi.