LAMANDESAIN / ACUAN AI · V1.0.0 · 2026-09-22ID · EN prompts · text/plain di /llms.txt
LamanDesain AI

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.

Baca aturan penuh

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.

  1. Pengguna menulis: “Make new landing page for wedding invitation, based on reference on lamandesain.com/ai.”
  2. Agent fetch /llms.txt (ringkas) lalu /llms-full.txt (penuh). Halaman ini (/ai) adalah cermin HTML-nya — section id stabil, bisa di-scrape langsung.
  3. 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.
  4. 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.

  1. 01

    Tanpa gradient ungu-biru sebagai background hero

    Perbaikan: Satu warna solid + satu aksen. Kalau mau hangat, tint netralnya. [no-purple-gradient]

  2. 02

    Tanpa gradient-text pada headline

    Perbaikan: Tinta solid. Hidupkan lewat weight atau underline, bukan background-clip. [no-gradient-headline]

  3. 03

    Tanpa blob aurora / orb 3D melayang dekoratif

    Perbaikan: Hapus. Jangkar tipografi yang kuat sudah cukup. [no-orb-blob]

  4. 04

    Tanpa glassmorphism dekoratif

    Perbaikan: Kaca hanya untuk overlay di atas konten, bukan hiasan. [no-glass]

  5. 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]

  6. 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]

  7. 07

    Tanpa everything-centered + hero 100vh satu kalimat

    Perbaikan: Hero setinggi kontennya. Condong kiri atau kanan. Isi lebih dari satu kalimat. [no-centered-all]

  8. 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]

  9. 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. 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. 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. 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.

  1. Philosophy — ada ide khas? Tanpa nama brand masih bisa dikenali?
  2. Hierarchy — tipografi + ruang memandu mata tanpa dekorasi?
  3. Execution — token terkunci, kontras lolos, responsif 320/375/414/768 tanpa scroll horizontal?
  4. Specificity — copy menyebut nama, angka, tempat, bukan abstraksi?
  5. Restraint — aksen ≤3%, maksimal 3 font, maksimal 3 microinteraction?
  6. 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.