Motion design
Cukup Bawa Satu Ransel
Video peluncuran satir tentang kebiasaan membawa terlalu banyak barang: kartu daftar bawaan liburan dua hari terus memanjang sampai timbangannya lewat batas dan dicap merah KEBERATAN, lalu semua barang tersedot pusaran di panggung gelap dan muncul tulisan krom besar Ransel. di bawah lampu sorot.
Prompt
Buat video motion design 1280x720 berdurasi 20 detik dengan HTML, CSS, SVG, Canvas 2D dan GSAP: video peluncuran satir tentang orang yang membawa terlalu banyak barang untuk liburan dua hari.
Gaya: font Inter (900 untuk judul, 400-600 untuk UI). Babak terang memakai latar studio krem hangat (#F7F3EC ke #E2D9CB) dengan garis lantai buram, grain halus dan vignette. Babak gelap memakai panggung biru tua (#060A18 ke #122046) dengan tiga lampu sorot biru pucat, debu melayang di dalam berkas cahaya, dan lantai yang memantulkan. Aksen teal #0E7C86 di kartu, merah cap #D4262F, jingga #FF8A3D untuk titik akhir.
Adegan 1 (0-6 dtk): kartu aplikasi putih "Liburan 2 Hari · Pantai" berisi tulisan "Cuma dua hari, kok…" dan "…jadi saya bawa secukupnya saja." yang diketik. Kursor mengklik "…lihat selengkapnya", lalu daftar memanjang satu baris demi satu baris: kaus 14 lembar, sepatu 6 pasang, charger 5 dan power bank 3, payung 2 dan jas hujan, bantal 3 macam termasuk guling, catatan teal "sisakan ruang untuk oleh-oleh", dan "Muat, kan?". Setiap baris memunculkan cip mengambang berikon (Kaus × 14, Sepatu × 6, Charger × 5, Payung × 2, Bantal × 3), sebagian buram seperti depth of field. Angka berat di bawah kartu naik dari 3,2 kg, bilah timbangannya berubah merah dan label "batas 20 kg" berganti jadi "lebih … kg" setelah lewat batas, dan jumlah barang ikut naik. Kursor mengklik tombol Tambah tiga kali sehingga cip Buku × 3 muncul dan berat berhenti di 28,9 kg.
Kamera mengikuti kartu yang memanjang supaya selalu di tengah bingkai.
Adegan 2 (6-8,5 dtk): kamera mendorong masuk ke kartu, cap merah bergaya tinta "KEBERATAN." menghantam kartu dengan guncangan, dan wordmark hitam tebal "Bawa Semua." naik di kiri bawah.
Adegan 3 (8,5-9,3 dtk): transisi glitch, potongan horizontal bergeser dan warna RGB terpisah.
Adegan 4 (9,3-11,3 dtk): layar terbelah diagonal: sisi kertas krem bertuliskan "Barang banyak" abu-abu, sisi panggung gelap bertuliskan "Cerita banyak" putih di bawah satu lampu sorot. Garis diagonal lalu menyapu habis ke kiri.
Adegan 5 (11,3-13,8 dtk): kartu-kartu mini dan ubin ikon barang (kaus, sepatu, payung, charger, bantal, buku) berputar dalam pusaran seperti terowongan dan tersedot ke tengah, cincin-cincin tipis bergerak ke dalam, tiga lampu sorot mengarah ke pusat, lalu kilatan cahaya.
Adegan 6 (13,8-20 dtk): dari kilatan muncul tulisan "Ransel" krom berekstrusi besar yang berdiri di lantai reflektif, titik jingga bercahaya jatuh memantul menjadi tanda titiknya, lengkap dengan garis kilau tipis horizontal. Label kecil "MEMPERKENALKAN KEMBALI", tagline "Satu tas. Dua hari. Cukup." muncul per frasa, kilau menyapu permukaan krom dua kali, riak cincin jingga memancar dari titik menjelang akhir, lampu sorot bergoyang pelan dan debu terus melayang sampai akhir.
Semua gerak memakai easing expo dan back yang tegas, pergantian adegan cepat dan bersih, tanpa jeda mati.



