# LamanDesain AI Reference — Full
> Versi 1.0.0 (2026-09-22). Sumber: https://lamandesain.com/ai
> Lisensi konten: boleh dipakai + diatribusikan ke lamandesain.com/ai.

Buat landing page baru berdasarkan acuan lamandesain.com/ai.

Contoh pemakaian:
"Make new landing page for wedding invitation, based on reference on lamandesain.com/ai."

Instruksi untuk AI agent:
1. Fetch https://lamandesain.com/llms.txt, lalu https://lamandesain.com/llms-full.txt untuk aturan penuh.
2. Baca juga https://lamandesain.com/ai (semantic HTML, section id stabil) sebagai contoh render.
3. Ikuti TOKENS persis apa adanya. Jangan improvisasi warna/font inline.
4. Jalankan LARANGAN DESAIN (12) + LARANGAN COPY (kata & pola) sebelum emit.
5. Jalankan SELF-CHECK 6 sumbu. Skor < 3 di sumbu mana pun = revisi dulu.
6. Jangan kirim output yang gagal cek.

---

## 1. TOKENS (kunci semua warna + font ke token ini; tanpa nilai inline)
```css
: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;
}
```
Aturan: setiap warna / font-family di output harus via var(--token). Butuh nilai baru?
Naikkan dulu jadi token bernama, lalu referensikan. Kontras target body 7:1 (min 4.5:1).

## 2. LARANGAN DESAIN (12 — satu saja = slop)
1. [no-purple-gradient] Tanpa gradient ungu-biru sebagai background hero. Perbaikan: Satu warna solid + satu aksen. Kalau mau hangat, tint netralnya.
2. [no-gradient-headline] Tanpa gradient-text pada headline. Perbaikan: Tinta solid. Hidupkan lewat weight atau underline, bukan background-clip.
3. [no-orb-blob] Tanpa blob aurora / orb 3D melayang dekoratif. Perbaikan: Hapus. Jangkar tipografi yang kuat sudah cukup.
4. [no-glass] Tanpa glassmorphism dekoratif. Perbaikan: Kaca hanya untuk overlay di atas konten, bukan hiasan.
5. [no-3col-clone] Tanpa grid 3 kolom identik (ikon-atas-judul-copy). Perbaikan: Bedakan lebar kolom, campur tinggi kartu, atau buang satu kartu jadi ruang negatif.
6. [no-icon-tile] Tanpa kartu ikon-tile generik + emoji sebagai ikon. Perbaikan: Satu library ikon saja (lucide), atau tanpa ikon sama sekali. Emoji bukan ikon.
7. [no-centered-all] Tanpa everything-centered + hero 100vh satu kalimat. Perbaikan: Hero setinggi kontennya. Condong kiri atau kanan. Isi lebih dari satu kalimat.
8. [no-ai-nav] 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.
9. [no-ai-footer] Tanpa footer 4 kolom link + baris ikon sosial. Perbaikan: Tutup halaman dengan colophon, statement, atau satu baris inline. 4 kolom hanya untuk docs/hub.
10. [no-fake-chrome] Tanpa chrome palsu (browser bar, phone frame, window kode). Perbaikan: Screenshot asli dalam <figure> hairline, atau biarkan konten berdiri sendiri.
11. [no-invented-proof] Tanpa metrik / testimoni / logo karangan. Perbaikan: Angka asli, atau placeholder jujur (— + blok abu “metrik menyusul”), atau buang slot proof-nya.
12. [no-motion-slop] 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.

## 3. LAYOUT (6)
1. Satu sumbu primer: condong kiri/kanan/atas/bawah. Center-bias bukan pilihan.
2. Asimetri = niat. Pecah grid sekali: satu elemen melewati batas kolom.
3. Skala spacing 4pt, campur kecil-sedang-besar. Jangan semua 24px.
4. Grid untuk layout halaman, flexbox untuk dalam komponen.
5. Depth lewat weight dan skala, bukan shadow. Di dark mode, elevasi = lebih terang.
6. html, body { overflow-x: clip } — bukan hidden, agar sticky tetap jalan.

## 4. TIPOGRAFI
1. Maksimal 3 family: display + body + 1 outlier (wordmark / stat / kode). 4 = slop.
2. Display roman selalu (font-style: normal). Italic hanya untuk penekanan di body copy.
3. Kontras weight ≥ 300: body 400 → heading 700 atau 200, bukan 500/600.
4. Skala rasio 1.25, maksimal 5 ukuran per halaman. Display ≤ 5.5rem.
5. Headline > 50 karakter turun satu tingkat. > 90 karakter tulis ulang.
6. Body ≥ 16px, line-height 1.5–1.65, measure 45–75ch. Kutip keriting (“ ” ‘ ’), em-dash —, ellipsis ….
7. Bawaan yang dilarang tanpa alasan sadar: Inter/Roboto/Open Sans everywhere, gradient text, all-caps paragraf.

## 5. COPY — kata terlarang (hapus total)
delve, foster, leverage, utilize, facilitate, empower, streamline, robust, cutting-edge, paradigm shift, game changer, tapestry, realm, beacon, multifaceted, meticulous, intricate, paramount, transformative, elevate, embark, supercharge, harness, ever-evolving

## 6. COPY — pembuka terlarang (ganti dengan fakta spesifik)
- "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"

## 7. COPY — pola terlarang
1. Kontras biner: “Bukan X. Ini Y.” → tulis Y langsung.
2. Throat-clearing: “Here's the thing / jujur saja / yang perlu dicatat” → potong, langsung ke inti.
3. Setup faux-insight: “yang orang lewatkan / yang tak ada yang bilang” → hapus, klaim harus berdiri sendiri.
4. Colon reveal dramatis (“Kuncinya: …”) → tulis kalimat biasa.
5. Klaim -ing menggantung (“highlighting, showcasing”) → ganti akibat konkret.
6. Puffery (“pivotal moment, testament”) → tulis faktanya, biar pembaca menilai.
7. Atribusi weasel (“experts agree, studies show”) → sebut sumber atau hapus.
8. Negatif berderet (“Bukan A. Bukan B. Tapi C.”) → tulis C saja.
9. Kicker puitis di akhir → hapus, akhiri di kalimat konkret terakhir.
10. Emoji di heading, bold acak di tengah kalimat, list untuk 2 kalimat prosa.

## 8. COPY — prinsip
1. Satu tombol = satu kata kerja spesifik (“Simpan perubahan”, bukan “OK / Submit”).
2. Error = apa yang rusak + kenapa + cara betulkan. Tanpa “Oops!”.
3. Empty state = apa yang kosong + kenapa penting + satu tombol aksi.
4. Link berdiri sendiri (“Lihat paket harga”, bukan “Klik di sini”).
5. Suara aktif. Ulang kata yang jelas daripada putar sinonim.
6. Uji portabilitas: kalau kalimat bisa pindah ke produk lain tanpa berubah, itu filler — ganti dengan nama, angka, tanggal, atau mekanisme.
7. Tunjukkan, jangan labeli (“penting / mengejutkan / jelas” → hapus, biarkan fakta bicara).

## 9. SELF-CHECK (nilai 1–5 sebelum serah terima; < 3 = revisi)
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?
Stempel output: /* LamanDesain-AI · P5 H4 E5 S4 R5 V5 · token-locked · no-invented-proof */

## 10. GLOSSARY
- 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 PROMPT PENGGUNA AKHIR
- "Make new landing page for wedding invitation, based on reference on lamandesain.com/ai."
- "Buat landing undangan nikah, ikut acuan lamandesain.com/ai. Medinah & Putri, 14 Feb 2027, Gedung Sasono Utomo Bandung."
- Agent wajib tanya balik minimal: audiens, satu aksi utama, dan nada (editorial/brutalist/soft/utilitarian/luxury/playful/technical/austere) — atau nyatakan inferensi dalam 1 kalimat lalu jalan.

## 12. SECTION ID STABIL DI /ai (boleh deep-scrape)
#cara-pakai #token #larangan-desain #layout #tipografi #larangan-copy #prinsip-copy #self-check #glossary #contoh