Binaan konsep, pakej Premium
Greenhouse.
Kafe dan ruang makan, Jalan Kemuja, Bangsar. Sebuah ruang yang hampir seluruhnya kaca dengan kira-kira dua ratus pokok, dan dinding yang terlipat pergi pada pukul sebelas.
Buka binaan yang live
Brief yang menjadi asasnya.
Brief konsep: fotografinya terakota dan kayu yang hangat, jadi halamannya sejuk. Diukur merentasi kesemua tiga belas bingkai, 37.8% daripada setiap piksel ialah lepa hangat dan dedaunnya zaitun redup, bukan zamrud. Mengulanginya hanya akan menghasilkan permukaan kuning air dan loyang yang selalu dituju oleh setiap brief kraf hangat, jadi antara mukanya ialah kaca dan gambarnya ialah cahaya yang masuk menerusinya.
- Next.js
- GSAP ScrollTrigger
- Lenis
- Three.js canopy
- WebGL light shafts
- Static rendering
Skrol melipat dinding barat pergi ke teres.
Satu perkara yang ruang ini benar-benar buat ialah membuka. Sisi baratnya bukan tingkap, tetapi sederet pintu lipat keluli dan kaca, jadi satu bahagian yang dipin melipatnya pergi sehelai demi sehelai. Setiap helai ialah satu kepingan menegak daripada satu gambar, jadi dinding yang tertutup ialah satu imej yang bersambung; helai-helai itu berengsel berselang-seli, berpusing 82 darjah, dan bergerak lebih kurang lebarnya sendiri didarab nombor gilirannya, dan itulah yang menghimpunkannya menjadi satu timbunan di jenang, bukan sebaris kepingan nipis yang berjarak sama. Kilauan melintasi setiap muka di tengah ayunannya dan setiap helai menjadi gelap ketika berpaling, kerana kaca yang sudah menyisi kepada anda memang gelap. Tanpa penggelapan itu, helai yang terbuka dan teres di belakangnya duduk pada nada yang sama dan ia kelihatan seperti kolaj, bukan dinding yang sedang terbuka.
Apa yang kafe atau restoran dapat daripada ini: menu yang cepat dibaca dan cepat ditukar, waktu buka yang menanda hari ini ikut jam pelawat sendiri, halaman jamuan peribadi yang menjawab soalan yang orang memang hantar mesej untuk tanya, dan tempahan yang tiba di WhatsApp sudah siap ditulis.
Diukur, bukan didakwa.
- Largest Contentful Paint
- 72 ms
- Cumulative Layout Shift
- 0
- Bingkai median
- 9.3 ms
- Anti-patterns found
- 0
Diukur dengan Chromium tracing pada production build. Yang penting bukan digit tepat; yang penting website anda juga akan datang dengan angkanya sendiri.