twc-005 / Studi oleh Syafril · bukan proyek klien

Luma Light: Luma Light

Konsep pencahayaan imersif dengan objek 3D prosedural orisinal, tiga warna, dan kontrol cahaya. Jelajahi bentuk melalui papan ketik. Studi produk fiktif tanpa checkout atau klaim perangkat keras.

Coba demo Sesuaikan untuk Anda

Tangkapan layar desktop asli demo Luma Light.

Sekilas desain

Tipografi judul: Jost
Tipografi isi: Inter Tight
Coba interaksi ini: Ubah warna dan cahaya, lalu putar serta perbesar objek 3D orisinal.

Karbon#171c1b

Kapur#f0eee5

Bara#e6a775

Skema komposisi yang diimplementasikan.

YANG TERSEDIA / LANGKAH BERIKUTNYA

Pahami yang Anda pilih.

Pameran objek dan cerita produk yang terbantu oleh pemeriksaan spasial.

Berfungsi pada demo ini

Lampu Three.js orisinal dengan aktivasi 3D eksplisit, tiga warna, dan cahaya yang dapat diatur.
Pustaka warna dengan pencarian, preferensi tampilan lokal, dan buku komponen tema sendiri.

Tema ini mencakup dashboard, UI masuk/pemulihan, pengaturan, status antarmuka, dan buku komponen sendiri. UI pendaftaran tersedia pada tema yang relevan.

Integrasi produksi untuk didiskusikan

Spesifikasi produk nyata, tinjauan aset yang aksesibel, serta layanan perdagangan atau pertanyaan.

Form akun memvalidasi nilai contoh secara lokal. Tidak melakukan autentikasi, membuat pengguna, atau mengirim email. Data dashboard adalah contoh yang ditulis khusus.

6 halaman terimplementasi pada tema ini

Lihat indeks halaman visual

Batasan untuk direncanakan

3D memerlukan WebGL yang didukung; poster statis dan kontrol tertulis tetap tersedia. Lampu adalah studi desain, bukan spesifikasi manufaktur.

Penyerahan & penyesuaian

Cakupan halaman, aset merek, konten, serah terima, hosting, biaya, dan dukungan dibahas lewat konsultasi sebelum pengerjaan dimulai. Demo menjadi referensi untuk percakapan tersebut.

Siapkan brief untuk arah ini

Gagasannya

Perlakukan produk sebagai benda yang bisa diperiksa. Latar pameran gelap memberi ruang bagi siluet, material, dan cahaya; interaksi mengubah objek yang sama tanpa mengganti foto katalog.

Bahasa visual

Abu karbon, kapur, dan bara. Bingkai industrial terbatas, garis teknis tipis, dan ilustrasi lampu besar membangun karakter pameran tersendiri.

Tipografi

Jost, sans geometris segaris Bauhaus seperti lampu yang dipamerkan, memberi judul ritme bulat yang tenang. Inter Tight untuk teks; IBM Plex Mono menandai objek dan kontrol tampilan.

Tata letak & komposisi

Pengantar ringkas di samping objek interaktif besar. Kontrol warna/cahaya berada di bawah panggung; kontrol tampilan muncul saat 3D aktif. Catatan desain mengikuti objek.

Gerak & interaksi

Three.js merender saat tampilan, warna, cahaya, atau viewport berubah. Tidak ada putaran otomatis. Aktivasi 3D dilakukan secara eksplisit; konteks yang tidak mendukung tetap memiliki ilustrasi interaktif.

Di balik layar

Three.js diimpor dinamis setelah aktivasi. Geometri prosedural tidak memerlukan model atau tekstur eksternal. Rasio piksel dibatasi; observer menghentikan render di luar layar/halaman tersembunyi dan resource GPU dibersihkan saat keluar.

Dirancang untuk semua

Setiap aksi warna, cahaya, rotasi, dan zoom memiliki kontrol berlabel yang dapat dipakai melalui papan ketik. Ilustrasi cadangan mempertahankan pilihan warna/cahaya tanpa WebGL. Tidak ada aksi yang hanya tersedia melalui gestur atau animasi otomatis.