Kotak Musik Putar dalam Lima Layar

Bangun halaman produk satu layar penuh yang bergulir sendiri melewati lima bagian yang benar-benar berbeda untuk merek fiktif Putar, kotak musik kayu 18 nada buatan tangan dari Jepara. Gaya: web produk modern, latar abu-abu muda, kartu putih berbayang lembut, judul grotesk lebar tebal (Archivo lebar) dengan teks isi Inter, navigasi tipis di atas dan penanda gulir di tepi kanan, semua visual digambar prosedural di canvas (serat kayu jati, sonokeling, dan mahoni, bilah baja, silinder kuningan berpin). Kursor otomatis yang terlihat memandu interaksi. Bagian 1: indeks enam judul lagu di kiri yang disorot satu per satu oleh kursor, di kanan foto atas kotak terbuka dengan silinder berputar dan bilah sisir yang bergetar saat dipetik pin. Bagian 2: dasbor bento, kanvas besar mekanisme dari atas, kartu sisa putaran pegas dengan angka besar dan batang indigo yang diisi ulang saat kursor memutar kunci, kartu bentuk gelombang dengan kepala putar dan kode waktu, kartu pilihan kayu yang diklik sehingga warna kayu berganti. Bagian 3: latar hampir hitam, gambar garis isometrik lima lapis kotak (tutup, sisir, silinder, pegas, alas) yang memisah perlahan dengan garis penunjuk dan label, plus penghitung jumlah bagian. Bagian 4: kertas lubang 15 nada x 28 ketukan, kursor melubangi beberapa titik, lalu garis putar menyapu dan lubang yang dilewati menyala sementara sisir kecil di kiri bergetar. Bagian 5: kotak musik 3D CSS dengan tutup terbuka, harga, tombol pesan yang diklik kursor, notifikasi pesanan muncul, lalu tutup kotak menutup pelan sebagai penutup. Durasi 20 detik, transisi gulir dengan easing halus, elemen tiap bagian muncul bertahap saat bagian tiba.