ACUAN UNTUK AI AGENT — BISA DI-SCRAPE
Buat, jangan generate.
Halaman ini adalah sistem desain ringkas anti-AI-slop. Tempel prompt di samping ke agent mana pun — agent wajib fetch /llms.txt lalu /llms-full.txt, mengunci token, dan menolak 12 pola desain + kata generik sebelum emit. Kalau tanpa nama brand halamanmu masih dikenali, acuannya bekerja.
Prompt contoh: “Make new landing page for wedding invitation, based on reference on lamandesain.com/ai.”
00
Mulai dari sini
Kamu tidak perlu membaca semuanya. Pilih jalur sesuai kebutuhanmu. Agent tetap bisa mengambil seluruh aturan dari /llms-full.txt.
SAYA PENGGUNA
Ingin membuat halaman
Salin prompt di atas, tambahkan nama brand, audiens, aksi utama, dan nada. Kamu tidak perlu memahami token atau istilah teknis.
Lihat contoh brief →SAYA DESAINER / DEVELOPER
Ingin mengambil sistemnya
Mulai dari token, lalu baca larangan desain, tipografi, copy, dan self-check. /ai adalah versi visual; /llms-full.txt adalah versi teks.
Buka token →SAYA MEMBANGUN AGENT
Ingin membuat integrasi
Fetch endpoint plain text. Ikuti instruksi dalam urutan: konteks, token, larangan, lalu self-check. Jangan menganggap contoh sebagai konten yang harus disalin mentah.
Buka llms.txt →Urutan yang disarankan: pahami tujuan → isi brief spesifik → pilih struktur → kunci token → tulis copy → jalankan self-check. Aturan ini membantu manusia mengambil keputusan; bukan checklist untuk membuat semua halaman terlihat sama.
01
Cara pakai
Satu kalimat dari pengguna akhir cukup. Sisanya kerja agent: fetch, kunci token, cek slop.
- Pengguna menulis: “Make new landing page for wedding invitation, based on reference on lamandesain.com/ai.”
- Agent fetch /llms.txt (ringkas) lalu /llms-full.txt (penuh). Halaman ini (/ai) adalah cermin HTML-nya — section id stabil, bisa di-scrape langsung.
- Agent bertanya balik minimal: audiens, satu aksi utama, nada (editorial · brutalist · soft · utilitarian · luxury · playful · technical · austere) — atau menyatakan inferensi dalam satu kalimat lalu jalan.
- Agent emit dengan token terkunci + stempel self-check. Skor di bawah 3 = revisi dulu.
02
Token — salin apa adanya
Setiap warna dan font di output harus via var(--token). Butuh nilai baru? Angkat dulu jadi token bernama. Tanpa hex/OKLCH inline.
:root {
/* paper + ink — warm-tinted, never pure #fff / #000 */
--color-paper: oklch(97% 0.012 80);
--color-paper-2: oklch(93% 0.014 80);
--color-rule: oklch(82% 0.010 80);
--color-neutral: oklch(56% 0.008 80);
--color-muted: oklch(40% 0.008 70);
--color-ink: oklch(18% 0.010 60);
/* one accent, <=3% of viewport */
--color-accent: #c2410c;
--color-focus: oklch(55% 0.19 55);
--font-display: "Playfair Display", Georgia, serif;
--font-body: "Manrope", system-ui, sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, monospace;
--space-xs: 0.5rem;
--space-sm: 0.75rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2.5rem;
--space-2xl: 4rem;
--space-3xl: 6rem;
--radius: 6px;
--z-sticky: 200;
--z-modal: 400;
}Kertas hangat, tinta hangat, satu aksen bata (#c2410c, ≤3% viewport). Display Playfair, body Manrope, outlier JetBrains Mono untuk wordmark, stat, atau kode. Kontras body target 7:1.
03
12 larangan desain
Satu saja lolos = slop. Dua dalam satu tampilan = konfirmasi.
- 01
Tanpa gradient ungu-biru sebagai background hero
Perbaikan: Satu warna solid + satu aksen. Kalau mau hangat, tint netralnya.
[no-purple-gradient] - 02
Tanpa gradient-text pada headline
Perbaikan: Tinta solid. Hidupkan lewat weight atau underline, bukan background-clip.
[no-gradient-headline] - 03
Tanpa blob aurora / orb 3D melayang dekoratif
Perbaikan: Hapus. Jangkar tipografi yang kuat sudah cukup.
[no-orb-blob] - 04
Tanpa glassmorphism dekoratif
Perbaikan: Kaca hanya untuk overlay di atas konten, bukan hiasan.
[no-glass] - 05
Tanpa grid 3 kolom identik (ikon-atas-judul-copy)
Perbaikan: Bedakan lebar kolom, campur tinggi kartu, atau buang satu kartu jadi ruang negatif.
[no-3col-clone] - 06
Tanpa kartu ikon-tile generik + emoji sebagai ikon
Perbaikan: Satu library ikon saja (lucide), atau tanpa ikon sama sekali. Emoji bukan ikon.
[no-icon-tile] - 07
Tanpa everything-centered + hero 100vh satu kalimat
Perbaikan: Hero setinggi kontennya. Condong kiri atau kanan. Isi lebih dari satu kalimat.
[no-centered-all] - 08
Tanpa nav AI generik (wordmark kiri, 5 link tengah, CTA kanan)
Perbaikan: Pilih pola nav yang sesuai genre: masthead editorial, pill melayang, atau slab brutal.
[no-ai-nav] - 09
Tanpa footer 4 kolom link + baris ikon sosial
Perbaikan: Tutup halaman dengan colophon, statement, atau satu baris inline. 4 kolom hanya untuk docs/hub.
[no-ai-footer] - 10
Tanpa chrome palsu (browser bar, phone frame, window kode)
Perbaikan: Screenshot asli dalam <figure> hairline, atau biarkan konten berdiri sendiri.
[no-fake-chrome] - 11
Tanpa metrik / testimoni / logo karangan
Perbaikan: Angka asli, atau placeholder jujur (— + blok abu “metrik menyusul”), atau buang slot proof-nya.
[no-invented-proof] - 12
Tanpa motion slop (transition-all, hover scale semua kartu, fade-up tiap section)
Perbaikan: Satu entrance terorkestrasi. Satu sinyal per elemen. Focus ring muncul instan.
[no-motion-slop]
04
Layout
Satu sumbu primer. Asimetri sekali lebih kuat dari simetri penuh.
- Satu sumbu primer: condong kiri/kanan/atas/bawah. Center-bias bukan pilihan.
- Asimetri = niat. Pecah grid sekali: satu elemen melewati batas kolom.
- Skala spacing 4pt, campur kecil-sedang-besar. Jangan semua 24px.
- Grid untuk layout halaman, flexbox untuk dalam komponen.
- Depth lewat weight dan skala, bukan shadow. Di dark mode, elevasi = lebih terang.
- html, body { overflow-x: clip } — bukan hidden, agar sticky tetap jalan.
- Maksimal 3 family: display + body + 1 outlier (wordmark / stat / kode). 4 = slop.
- Display roman selalu (font-style: normal). Italic hanya untuk penekanan di body copy.
- Kontras weight ≥ 300: body 400 → heading 700 atau 200, bukan 500/600.
- Skala rasio 1.25, maksimal 5 ukuran per halaman. Display ≤ 5.5rem.
- Headline > 50 karakter turun satu tingkat. > 90 karakter tulis ulang.
- Body ≥ 16px, line-height 1.5–1.65, measure 45–75ch. Kutip keriting (“ ” ‘ ’), em-dash —, ellipsis ….
- Bawaan yang dilarang tanpa alasan sadar: Inter/Roboto/Open Sans everywhere, gradient text, all-caps paragraf.
05
Tipografi
Halaman adalah pasangan: display + body. Tiga family plafon, dua kanonik.
Medinah & Putri
Display Playfair memikul nama; body Manrope memikul info. Mono hanya untuk tanggal dan tempat.
SABTU, 14 FEB 2027 · GEDUNG SASONO UTOMO
06
Larangan copy
Hapus total kata di bawah. Kalau kalimatmu bisa pindah ke produk lain tanpa berubah, itu filler.
delvefosterleverageutilizefacilitateempowerstreamlinerobustcutting-edgeparadigm shiftgame changertapestryrealmbeaconmultifacetedmeticulousintricateparamounttransformativeelevateembarksuperchargeharnessever-evolving
Pembuka terlarang
- “Built for the modern team”
- “Unleash your X”
- “Where X meets Y”
- “Reimagine the way you”
- “Supercharge your workflow”
- “Innovative solutions”
- “Seamless integration”
- “In today's digital landscape”
- “Next-generation”
- “Revolutionize Your Workflow with AI”
Pola terlarang
- Kontras biner: “Bukan X. Ini Y.” → tulis Y langsung.
- Throat-clearing: “Here's the thing / jujur saja / yang perlu dicatat” → potong, langsung ke inti.
- Setup faux-insight: “yang orang lewatkan / yang tak ada yang bilang” → hapus, klaim harus berdiri sendiri.
- Colon reveal dramatis (“Kuncinya: …”) → tulis kalimat biasa.
- Klaim -ing menggantung (“highlighting, showcasing”) → ganti akibat konkret.
- Puffery (“pivotal moment, testament”) → tulis faktanya, biar pembaca menilai.
- Atribusi weasel (“experts agree, studies show”) → sebut sumber atau hapus.
- Negatif berderet (“Bukan A. Bukan B. Tapi C.”) → tulis C saja.
- Kicker puitis di akhir → hapus, akhiri di kalimat konkret terakhir.
- Emoji di heading, bold acak di tengah kalimat, list untuk 2 kalimat prosa.
07
Prinsip copy
Konkret mengalahkan abstrak. Nama, angka, tanggal, mekanisme.
- Satu tombol = satu kata kerja spesifik (“Simpan perubahan”, bukan “OK / Submit”).
- Error = apa yang rusak + kenapa + cara betulkan. Tanpa “Oops!”.
- Empty state = apa yang kosong + kenapa penting + satu tombol aksi.
- Link berdiri sendiri (“Lihat paket harga”, bukan “Klik di sini”).
- Suara aktif. Ulang kata yang jelas daripada putar sinonim.
- Uji portabilitas: kalau kalimat bisa pindah ke produk lain tanpa berubah, itu filler — ganti dengan nama, angka, tanggal, atau mekanisme.
- Tunjukkan, jangan labeli (“penting / mengejutkan / jelas” → hapus, biarkan fakta bicara).
JANGAN
“Revolutionize your wedding with our seamless experience.”
LAKUKAN
“Akad 08.00, resepsi 11.00–13.00. 200 kursi, parkir dalam gedung.”
08
Self-check 6 sumbu
Nilai 1–5 sebelum serah terima. Di bawah 3 di sumbu mana pun = revisi dulu.
- Philosophy — ada ide khas? Tanpa nama brand masih bisa dikenali?
- Hierarchy — tipografi + ruang memandu mata tanpa dekorasi?
- Execution — token terkunci, kontras lolos, responsif 320/375/414/768 tanpa scroll horizontal?
- Specificity — copy menyebut nama, angka, tempat, bukan abstraksi?
- Restraint — aksen ≤3%, maksimal 3 font, maksimal 3 microinteraction?
- Variety — struktur beda dari template hero → 3 fitur → CTA → footer?
/* LamanDesain-AI · P5 H4 E5 S4 R5 V5 · token-locked · no-invented-proof */
10
Istilah yang dipakai
Penjelasan singkat untuk pembaca manusia. Agent dapat memakai definisi yang sama dari /llms-full.txt.
- AI slop
- Desain atau tulisan yang tampak rapi tetapi generik, bisa dipindahkan ke brand lain, dan tidak menunjukkan keputusan yang disengaja.
- Token
- Nama untuk nilai desain seperti warna, font, atau spacing. Token membuat semua bagian memakai sistem yang sama.
- Token-locked
- Setiap warna dan font mengambil nilai dari token; tidak ada hex, OKLCH, atau font baru yang diselipkan di tengah komponen.
- Copy
- Semua kata di interface: headline, tombol, label, error, empty state, dan teks bantuan.
- Self-check
- Pemeriksaan sebelum output dikirim. Nilai 1–5 pada enam sumbu; skor di bawah 3 harus direvisi.
11
Contoh ujung-ke-ujung
Undangan nikah — brief tipikal yang biasanya jadi korban template ungu.
INPUT PENGGUNA
“Buat landing undangan nikah, ikut acuan lamandesain.com/ai. Medinah & Putri, 14 Feb 2027, Gedung Sasono Utomo Bandung. Akad 08.00, resepsi 11.00.”
OUTPUT YANG PATUH (GARIS BESAR)
Masthead editorial + nama pasangan sebagai display serif 4rem; info waktu-tempat sebagai daftar definisi mono; denah + tombol RSVP spesifik (“Konfirmasi kehadiran”, bukan “Submit”); tanpa gradient, tanpa orb, tanpa tiga kartu fitur. Ditutup satu baris colophon, bukan footer 4 kolom.