Motion design
Satu Bentuk untuk Parkir Mal
Satu bentuk hitam putih tanpa potongan berubah dari tombol "Cari parkir" menjadi pemuat, centang kuning, pulau dinamis, kartu sesi parkir, slider perpanjangan, baris sakelar pengingat, tab lantai, grafik okupansi, palet perintah, dan notifikasi lunas dengan palang gerbang terangkat, lalu kembali menjadi tombol. Kursor otomatis mengeklik dan menyeret setiap perubahan di atas kanvas abu hangat.
Prompt
Buat motion study UI kelas Dribbble dalam satu file HTML persegi 960x960, durasi 14 detik, tema aplikasi parkir mal fiktif. Satu bentuk, tidak pernah dipotong: setiap state adalah elemen yang sama yang berubah ukuran, radius, dan warnanya, sementara isinya bertukar dengan blur singkat. Kanvas abu hangat terang, komponen hitam dan putih, satu aksen kuning amber untuk ikon P dan centang, satu font UI bersih (Geist, angka pakai Geist Mono). Semua gerak memakai spring closed-form dengan overshoot sangat kecil, kamera zoom supaya tiap state memenuhi frame, dan kursor menggerakkan setiap perubahan dengan klik dan seret sungguhan. Tempo 120 BPM, 7 bar, ada kejadian di setiap ketukan. Alur: tombol "Cari parkir" diklik → pemuat berputar → centang amber → pulau dinamis "B2 · 14" dengan timer menghitung sampai 00:48 → kartu sesi "Slot B2-14, Lantai 2 · Zona Timur" dengan ubin P amber, tombol play yang berubah jadi pause, lalu bar durasi diseret dan estimasi biaya ikut naik → kartu menyusut jadi slider perpanjangan yang diseret sampai 4:00 dan melar saat ditarik melewati batas → bentuk melebar jadi baris putih berisi ikon lonceng, teks "Ingatkan sebelum waktu habis", dan sakelar; kursor mengeklik kenop dan trek abu berubah hitam tepat di ketukan sementara lonceng bergoyang → kenop sakelar menjadi indikator tab cair Lantai 1/2/3 yang dua tepinya mengikuti spring berbeda → tab membuka grafik okupansi Lantai 3 yang menggambar dirinya sendiri, angka 87% berputar, tooltip mengikuti kursor sampai pukul 17.00 → semuanya menyusut ke palet perintah ⌘K, kata "keluar" diketik dan daftar tersaring → Enter → notifikasi "Lunas Rp 12.000, Gerbang Timur terbuka, durasi 4 jam" dengan ikon palang gerbang yang terangkat → kembali ke tombol awal sehingga frame terakhir sama dengan frame pertama dan videonya loop. Dilarang: easing memantul, ledakan partikel, glow, gradien di chrome UI, ikon dengan ketebalan garis berbeda, waktu mati.
