# desain.md — Gaya Claymation (Plastisin) · Video Jualan UMKM

Aturan gaya untuk membuat video iklan pendek dengan Claude + Remotion.
Simpan file ini di folder project Anda, lalu minta Claude:

> Pakai desain-claymation.md. Buat iklan 15 detik untuk [GANTI: produk], harga [GANTI: harga],
> ajakan [GANTI: cara pesan]. Kirim still frame kunci dulu sebelum render MP4.

Cara memakai:
1. Ganti nilai bertanda **[GANTI]** dengan data usaha Anda. Nilai yang sudah terisi boleh dipakai apa adanya.
2. Beri tahu bentuk produk Anda (bulat, kotak, botol, tusuk). Produk akan digambar ulang seperti dibentuk dari plastisin.
3. Warna maskot boleh diambil dari warna logo Anda.

Template oleh KolamDigital · versi 1.0, November 2026. Gaya lain dan versi terbaru: kolamdigital.com/prompt-motion
Bebas dipakai dan diubah untuk usaha sendiri maupun klien, tetapi tidak boleh dijual ulang sebagai produk template.

---

## 0. Ringkasan gaya

Dunia mini yang tampak dibuat dari plastisin: semua bentuk membulat, tepinya sedikit bergelombang, permukaan
matte dengan bekas jari halus, cahaya hangat dari kiri atas, dan bayangan lembut ke kanan bawah. Produk
**menyembul dari meja** dengan squash & stretch (pendek-lebar dulu, lalu meregang, lalu memantul), papan nama
jatuh dan bergoyang seperti jeli, dan **maskot gumpal** yang lucu melompat masuk lalu bereaksi. Gerak dipatok
12 fps dengan goyang kecil tiap langkah, seperti stop motion sungguhan.

Cocok untuk: jajanan, kue, mainan, produk anak, camilan, minuman berwarna.
Kurang cocok untuk: jasa formal, produk mewah, layanan kesehatan.

## 1. Format

| Hal | Nilai |
| --- | --- |
| Video utama | 1080 × 1920 (9:16), 30 fps, H.264, audio AAC 48 kHz |
| Durasi | 15 detik (versi Story 6–8 detik) |
| Turunan | 1080 × 1350 (4:5), 1080 × 1080 |
| Zona aman | Teks penting di y 220–1500 dan x 80–1000. Seluruh adegan diletakkan di atas y 1600 |
| Akhir video | Komposisi lengkap ditahan minimal 1,5 detik, lalu semua tenggelam ke meja (bisa diputar ulang) |

## 2. Warna

| Token | Hex | Dipakai untuk |
| --- | --- | --- |
| `sky` / `skyLow` | `#FCE9D6` / `#F9DCC0` | latar (gradasi radial lembut dari tengah atas) |
| `ground` / `groundDeep` | `#F4B98E` / `#E59E70` | meja plastisin |
| `sign` | `#FFF2DD` | papan nama |
| `red` | `#E2574C` | huruf judul utama |
| `brown` | `#6A3B2A` | huruf baris kedua, angka harga, cokelat |
| `coin` | `#FFD54A` | koin harga |
| `blob` | `#FF9B71` | maskot [GANTI] dengan warna logo |
| `pink` / `sugar` | `#F48FB1` / `#FFF6EC` | glasir, gula |
| `dough` / `doughDeep` | `#E9A65A` / `#C9823C` | adonan, sisi tebal produk |
| `sprinkles` | `#FFD54A` `#64B5F6` `#81C784` `#EF5350` `#FFFFFF` | taburan, detail kecil |

[GANTI] warna produk sesuai produk Anda. Pakai warna pastel hangat; hindari hitam pekat dan warna neon.

Aturan:
- Latar boleh bergradasi lembut; benda plastisin **berwarna rata**, bayangannya datang dari pencahayaan (bagian 4).
- Teks gelap di atas papan terang. Teks tidak pernah langsung di atas latar tanpa papan.

## 3. Tipografi

| Peran | Font | Bobot | Ukuran @1080 px |
| --- | --- | --- | --- |
| Judul baris 1 | Baloo 2 | 800 | 170–180 px, kapital, warna `red` |
| Judul baris 2 | Baloo 2 | 800 | 110–120 px, kapital, warna `brown` |
| Harga | Baloo 2 | 800 | 80–90 px |
| Satuan | Baloo 2 | 700 | 32–36 px |

- Huruf judul **ikut diberi efek plastisin** supaya tampak digulung dan ditekan. Font dimuat lokal (`@fontsource/baloo-2`).

## 4. Bahan plastisin & komponen

- **Efek plastisin** (wajib). Di SVG, satu filter untuk semua benda:
  1) tepi bergelombang: `feDisplacementMap` skala ±9 dari noise frekuensi 0,018,
  2) peta tinggi: alfa yang diburamkan (blur 9) ditambah noise halus 0,09 sebagai bekas jari,
  3) cahaya: `feDiffuseLighting` dari kiri atas (azimuth 235°, elevasi 48°), dicampur *multiply* ke warna asli,
  4) kilap tipis: `feSpecularLighting` lemah (konstanta 0,4, eksponen 14), supaya tidak terlihat seperti plastik,
  5) bayangan: geser (−8, 16 px), blur 10, warna cokelat tua 32 %.
  Bila butuh kamera berputar atau benda 3D penuh, pakai Three.js dengan material kasar dan cahaya hangat yang sama.
- **Meja:** bidang plastisin melengkung yang mengisi sepertiga bawah.
- **Papan nama:** lempeng plastisin krem radius 70, dua baris judul.
- **Produk:** 1–3 buah, yang utama paling besar dan paling depan. Dilihat agak miring dari atas (elips).
- **Maskot gumpal:** bulat ±200 px, mata titik besar, pipi merah muda, senyum kecil. Tidak berbicara.
- **Koin harga:** cakram kuning dengan cincin dalam lebih terang.

## 5. Gerak

| Gerak | Aturan |
| --- | --- |
| Irama stop motion | Semua gerak dihitung dari frame yang dipatok ke 12 fps; goyang acak ±1,4 px dan ±0,8° per langkah |
| Menyembul dari meja | Skala Y pegas (stiffness 210, damping 9); skala X melebar saat masih pendek (sampai 1,35×) |
| Papan nama | Jatuh dari atas lalu memantul seperti jeli |
| Lompatan maskot | Ancang-ancang 4 frame (1,22 × 0,78) → di udara (0,86 × 1,18), melengkung 190 px → mendarat 5 frame (1,25 × 0,76) |
| Koin harga | Meletup dengan pantulan (stiffness 230, damping 9), miring −12° |
| Penutup (loop) | Semua benda tenggelam kembali ke meja, maskot melompat keluar |

- Tidak ada gerak yang mulus sempurna. Kesan "dipindah tangan" lebih penting daripada kelancaran.

## 6. Struktur iklan 15 detik

| Detik | Isi | Di layar |
| --- | --- | --- |
| 0–2 | Pengait | Papan nama jatuh dan bergoyang, meja muncul |
| 2–6 | Produk | Produk menyembul satu per satu, dari belakang ke depan |
| 6–10 | Maskot & keunggulan | Maskot melompat masuk, papan kecil berisi 1–2 keunggulan [GANTI] mis. "Lembut sampai besok" |
| 10–13 | Harga | Koin harga meletup, maskot bersorak |
| 13–15 | Ajakan | Papan kecil: [GANTI] "Pesan lewat chat · 08xx" lalu semua tenggelam |

## 7. Suara

- **Efek:** "blup" bulat saat benda menyembul, siulan jatuh + debuk lembut saat mendarat, decit basah kecil saat
  maskot berjongkok, "boing" tiap lompatan, suara maskot tanpa kata (cicit senang, "hm?"), denting koin.
- **Musik:** riang ±96 bpm: xilofon, bas petik pizzicato, ketukan kayu di ketukan lemah.
- **Narasi (opsional):** ±30 kata, suara riang. ElevenLabs satu kali jalan (±1 kredit per karakter di Eleven v3, dicek November 2026).
- Semua efek dan musik dibuat dengan kode. Loudness akhir sekitar −14 LUFS.

## 8. Gaya bahasa iklan

- Hangat dan menggemaskan, tetapi tetap jelas: nama produk, harga, cara pesan.
- Satu keunggulan per papan, maksimal 4 kata.

## 9. Aturan isi & hak

- Maskot digambar dari nol. Jangan meniru tokoh film animasi plastisin atau maskot merek lain.
- Jangan menulis "gaya [nama studio]" di prompt; tulis ciri-cirinya seperti di file ini.
- Klaim produk (tanpa pengawet, halal, dan sejenisnya) hanya bila benar dan punya bukti.

## 10. Workflow produksi

1. **Brief.** Isi semua [GANTI]: produk dan bentuknya, harga + satuan, keunggulan, cara pesan, warna maskot.
2. **Uji bahan dulu.** Render satu still berisi satu produk + maskot untuk memeriksa efek plastisin
   (terlalu mengilap? terlalu gelap?) sebelum membuat adegan penuh.
3. **Storyboard** tabel bagian 6, disetujui dulu.
4. **Still frame kunci:** papan mendarat, semua produk berdiri, maskot di udara, harga, akhir.
5. **Render uji 3 detik.** Filter cahaya cukup berat: 3 detik ±1,5 menit di laptop 2 core.
6. **Suara** dibuat terakhir, mengikuti langkah 12 fps.

## 11. QC sebelum dikirim

- [ ] Benda tampak seperti plastisin (matte, tepi bergelombang), bukan plastik mengilap.
- [ ] Squash & stretch terlihat jelas pada maskot: jongkok, meregang, mendarat.
- [ ] Teks judul dan harga terbaca walau diberi efek plastisin.
- [ ] Tidak ada benda di zona bawah layar yang tertutup tombol aplikasi.
- [ ] Harga dan kontak benar.