Cara Bikin Brand Kalian Konsisten di Semua Output AI Pakai DESIGN.md (Standar dari Google)
Panduan lengkap bikin file DESIGN.md — brand kit versi mesin yang dibaca AI sebelum ngedesain apa pun — biar website, aset, dan konten visual kalian konsisten di semua tools. Berdasarkan standar yang dipakai Google Stitch, jalan di Claude Code dan Codex.
Ada satu masalah yang muncul justru SETELAH kalian jago nyuruh AI: outputnya banyak, tapi gak ada yang sekeluarga. Website yang dibikin bulan lalu birunya beda sama landing page minggu ini. Aset promo dari sesi A font-nya beda sama sesi B. Tiap sesi AI mulai dari nol soal selera — dan brand kalian pelan-pelan jadi gado-gado.
Solusi yang lagi jadi standar di dunia AI-native design: DESIGN.md — satu file teks berisi identitas visual brand kalian, ditulis dengan cara yang bisa dibaca mesin. Google mempopulerkan pola ini lewat Stitch (tool desain AI mereka), dan mereka merilis kumpulan skills-nya secara open source di github.com/google-labs-code/stitch-skills. Tapi konsepnya gak kekunci ke satu tool: file yang sama bisa dibaca Claude Code, Codex, atau AI apa pun yang kalian pakai — "sebelum ngedesain apa pun, baca DESIGN.md dulu."
Analoginya: perusahaan gede punya brand guideline — dokumen tebel yang ngatur logo boleh diapain, warna resminya apa, tulisan gayanya gimana. DESIGN.md itu brand guideline versi kalian: lebih pendek, lebih tajam, dan ditulis buat pembaca yang gak bisa nebak-nebak — mesin.
Dan kalau kalian udah baca cara ngajarin AI nulis dengan gaya kalian, kalian bakal langsung ngenalin polanya: ATURAN.md buat suara tulisan, DESIGN.md buat wajah visual. Satu brand, dua file, semua output sekeluarga.
Panduan ini adaptasi dari tutorial The Rundown University, gw tulis ulang lengkap buat konteks kita.
Yang kalian butuhkan
| Apa | Buat apa | Biaya |
|---|---|---|
| Claude Code atau Codex | Yang nulis & make DESIGN.md | Langganan yang udah ada |
| Bahan brand: logo, website/IG kalian, atau minimal preferensi warna | Sumber ekstraksi | — |
| Referensi skills Google (github.com/google-labs-code/stitch-skills) | Contoh standar yang mateng | Gratis, open source |
| Waktu | Sampai DESIGN.md v1 jadi | ± 45 menit |
Belum punya "brand" formal? Justru pas. Lebih gampang nulis DESIGN.md sekarang pas asetnya masih dikit, daripada nanti pas udah ada 50 output yang saling tabrakan.
Peta perjalanannya
TAHAP 1 Pahamin isi DESIGN.md (5 menit)
TAHAP 2 Ekstrak brand kalian jadi file (20 menit)
TAHAP 3 Pakai di kerjaan nyata (15 menit)
TAHAP 4 Rawat sebagai living documentKuncinya di Tahap 2: aturan yang terukur (kode warna, angka, larangan konkret) — bukan kata sifat.
Lanjut membaca
Tutorial Praktis
Cara Setup OpenRouter Presets Biar Ganti Model AI Nggak Usah Redeploy Semua Aplikasi Kalian
12 Sep 20267 min read
Tutorial Praktis
Cara Review Kode AI GitHub Copilot Tanpa Gonta-Ganti Tab (Diff, Terminal, Browser Jadi Satu)
12 Sep 20265 min read
Tutorial Praktis
Cara Bikin Text-to-Speech Sendiri Pakai OpenRouter, Satu API Key buat Semua Provider (Tutorial 15 Menit)
12 Sep 20266 min read
Belajar build sistem AI yang bekerja buat kalian
Lihat akademi