Racik Es Teh dalam Satu Kartu

Motion design UI kelas Dribbble, kanvas persegi 960x960, 15 detik. Satu bentuk yang tidak pernah terpotong memandu pesanan es teh di kedai fiktif Kedai Teh Pojok: setiap tahap adalah elemen yang sama yang berubah lebar, tinggi, radius, dan warnanya dengan spring (overshoot kecil saja), sementara isinya berganti dengan blur singkat. Kursor bergerak sendiri dan mengubah semuanya lewat klik dan drag sungguhan. Urutan: (1) pill stepper oranye di latar cyan, kursor klik + sehingga angka bergulir dari 2 ke 3 gelas. (2) Bentuk membesar jadi kartu putih di latar biru: slider Tingkat manis lima titik (Tawar, Sedikit, Sedang, Manis, Legit); kursor menahan knob dan menggesernya sedikit melewati titik Manis, lalu knob memantul balik ke titik. Teh di gelas ikut menebal warnanya dan ikon sendok gula bertambah. (3) Kartu melebar di latar mint: segmented control Es batu (Tanpa, Sedikit, Normal, Banyak); indikator gelap seperti cairan, tepi depannya melaju lebih cepat dari tepi belakang. Es batu jatuh ke gelas dan angka suhu turun dari 12° ke 4°. (4) Latar pink: pemilih jam ambil berupa grid chip (10.00 penuh dan dicoret), kursor hover lalu memilih 10.30. (5) Bentuk berubah jadi kartu gelap di latar oranye: ringkasan Es Teh Manis ×3, tag pilihan, total yang menghitung naik ke Rp15.000, dan tombol lime Pesan sekarang yang diklik. (6) Kartu menyusut jadi lingkaran lime dengan loader berputar, lalu tanda centang tergambar. (7) Lingkaran memanjang jadi toast putih "Pesanan diterima" di latar cyan dengan cincin hitung mundur. Gaya: latar warna solid jenuh yang berganti tiap tahap dengan ornamen datar transparan (cincin besar di kiri atas, titik di kanan atas, persegi membulat di kanan bawah), komponen putih dan hitam dengan bayangan lembut, satu font UI bersih (Plus Jakarta Sans). Kamera zoom supaya tiap tahap mengisi bingkai. Semua nilai dihitung sebagai fungsi waktu murni: spring tertutup yang dijumlahkan per perubahan target. Tanpa gradien di chrome UI, tanpa glow, tanpa ledakan partikel.