Motion design

Hirup, Udara yang Bisa Dibaca

Video promosi tipografi minimalis bergaya Swiss untuk jaringan sensor udara warga fiktif Hirup: kode polutan berganti besar, angka sensor menghitung naik, sebuah pembacaan menempuh jalur sensor ke peta dalam 58 detik sambil log tahapannya tercentang, lalu tampil indeks udara Kotabaru 42 dengan grafik 24 jam. Layar berbalik gelap, lebih dari seratus titik sensor bernuansa abu sesuai mutu udara menyala dan tersambung dalam beberapa klaster.

Motion design · SVG, GSAP, CSS · 20 detik · 720×1280

Prompt

Buat video promosi vertikal 720x1280 berdurasi 20 detik untuk jaringan sensor kualitas udara warga fiktif bernama Hirup. Gaya: tipografi Swiss yang tenang dan modern, latar putih tulang #F3F3EF, teks hitam #141414, teks sekunder abu #9A9A96, satu font grotesk (Inter Tight) dengan tracking rapat, garis rambut tipis sebagai pembagi, hanya skala abu tanpa warna lain. Header tetap di atas: kiri "Hirup", kanan "Jaringan Udara Warga", di bawahnya label bagian kecil di atas garis rambut yang berganti tiap babak (Pantau, Laporan, Data Terbuka, Bergabung). Gunakan SVG dan GSAP, transisi teks memakai mask (huruf naik dari balik garis) dengan easing expo yang tegas. Babak 1 (0-6 detik): judul "Ukur udara." hitam dan "Di setiap gang." abu, kode polutan raksasa berganti cepat: PM2.5, PM10, NO2, O3, SO2. Di bawah garis rambut angka menghitung naik ke 1.400 "sensor warga aktif" lalu berganti ke 60+ "kota terhubung", dan grafik garis PM2.5 24 jam mulai tergambar sejak awal. Babak 2 (6-12,5 detik): garis dari "Sensor" ke "Peta" dengan dua tanda antara, sebuah titik melaju di atasnya sementara pengukur waktu besar menghitung 00:00 sampai 00:58, dan di bawahnya log empat tahap (Sensor membaca, Data terkirim, Diperiksa silang, Tayang di peta) tercentang satu per satu. Saat titik tiba, log diganti hasil bacaan: "Kotabaru, 07.42." hitam dan "Udaranya baik." abu, indeks udara yang menghitung ke 42 Baik dengan penanda di skala lima tingkat abu, serta grafik batang per jam 24 jam terakhir yang tumbuh, tiap batang diberi gradasi abu sesuai tingkat mutunya. Babak 3 (12,5-17,5 detik): layar disapu menjadi hitam dengan grid samar, tiga baris bertumpuk "Peringatan dini.", "Data terbuka.", "Arsip sepuluh tahun.", baris lama meredup saat baris baru masuk. Di bawahnya legenda Baik, Sedang, Tidak sehat dan penghitung sensor, lalu titik sensor di persimpangan grid menyala berupa gelombang: putih untuk baik, abu untuk sedang, cincin untuk tidak sehat. Beberapa klaster tersambung garis tetangga yang tergambar dari titik yang baru menyala, cincin denyut memancar dari titik tertentu, dan satu titik Kotabaru diberi label "Kotabaru 42 Baik" sebagai sambungan ke babak 2. Penutup (17,5-20 detik): wordmark besar "Hirup." putih dan tagline abu "Udara yang bisa dibaca." sementara titik sensor terus berdenyut. Sepanjang video ada garis progres tipis di bawah dan nomor babak di footer.

Video Motion design lainnya

  1. Tanah yang Hidup di Bawah KakiMotion design20 dtkTanah yang Hidup di Bawah KakiTipografi kinetik di latar cokelat kehitaman dengan jaringan hifa dan akar yang tumbuh di bawah garis permukaan tanah, ribuan mikroba yang terbang masuk ke satu sendok makan, lapisan horison O, A, B, C yang naik menjadi kertas krem, angka raksasa 1000 yang terisi lapisan tanah, sebuah kutipan serif, lalu tunas kecil yang tumbuh dan menyalakan seluruh jaringan.Canvas 2D · GSAP · Partikel
  2. Dari Tombol Menjadi RotiMotion design20 dtkDari Tombol Menjadi RotiSatu bentuk tanpa potongan berubah dari tombol hitam menjadi daftar bahan, bola adonan yang diuleni dan mengembang, kenop suhu oven, roti bundar yang digores lalu kecokelatan, dan notifikasi roti siap. Kursor menggerakkan setiap langkah dengan klik dan tarikan.CSS · SVGJuri 91
  3. Profil Singkat Sang Beruang AirMotion design10 dtkProfil Singkat Sang Beruang AirRibuan partikel bercahaya membentuk seekor tardigrada yang menarik kakinya dan mengerut menjadi tong kriptobiosis, lalu berganti rupa menjadi termometer, bumi dengan kapsul yang mengorbit, jam pasir, pengukur tekanan, dan pohon spesies yang bercabang, masing-masing dengan judul bergaya HUD. Video ditutup garis cahaya yang meledak menjadi wordmark TARDIGRADA.Three.js · Shader · Canvas 2D
  4. Jilid, Naskah Lepas Jadi BukuMotion design20 dtkJilid, Naskah Lepas Jadi BukuVideo peluncuran 20 detik untuk studio jilid fiktif jilid.: lembar skripsi yang tercecer melayang lalu kamera menukik masuk ke stiker BAB 1, kemudian kata kerja raksasa bertitik warna (susun, jahit, lem, tekan, potong, sampul, emas) berganti mengikuti ketukan, masing-masing dengan elemen antarmuka kecil yang bergerak. Ditutup potongan cepat rapi, kokoh, kilat dan kartu logo dengan tombol Unggah naskah yang diklik kursor.SVG · GSAP · CSS
ArtikelSusun brief