Tidal Glass / DESAIN & KOMPONEN

Tidal Glass
Disusun dari bagiannya sendiri.

Patung tetap terlihat di luar panel dan berdifusi saat berada di belakangnya. Pantulan tipis, bayangan berlapis, dan tint kecil membuat kaca menjadi material yang terlihat.

01 / Palet & tipografi

Patung optik selebar layar, bayangan laut, teks gletser, dan sorotan ambar. Panel bening memiliki tepi reflektif dan tint tipis; galeri memperlihatkan latarnya.

Laut#102d36

Gletser#f0f6ed

Kabut#91bdc4

Ambar#e5c18b

Syne, yang dirancang untuk sebuah pusat seni di Paris, memberi judul galeri suara lebar yang mengalir. DM Sans untuk teks, dan metadata mono kecil mempertahankan karya sebagai fokus.

02 / Komposisi & perilaku

Komposisi berpusat pada objek: pengantar ringkas dan meja material berdampingan dengan jendela galeri bening. Empat thumbnail kecil memberi ruang untuk melihat patung melalui panel. Jendela mendahului alat material pada seluler.

Gerak latar mati secara bawaan, dapat diaktifkan secara eksplisit, dan dihentikan oleh pengurangan gerak. Pilihan studi mengubah render latar orisinal dan mempertahankan semua kontrol material.

Kecerahan latar dibatasi agar teks pada permukaan bening tetap terbaca pada setiap pengaturan tint. Preset, pencarian, filter, status tersimpan, dan range berlabel; mode solid serta pengurangan gerak tetap tersedia.

03 / Kontrol hingga setiap detail

Periksa komponen

Daftar komponen (gulir untuk memeriksa)

01
Galeri dengan pencarian dan pilihan tersimpan lokal
Komposisi berpusat pada objek: pengantar ringkas dan meja material berdampingan dengan jendela galeri bening. Empat thumbnail kecil memberi ruang untuk melihat patung melalui panel. Jendela mendahului alat material pada seluler.
02
Kaca bening, buram, dan asap dengan tampilan solid cadangan
Kecerahan latar dibatasi agar teks pada permukaan bening tetap terbaca pada setiap pengaturan tint. Preset, pencarian, filter, status tersimpan, dan range berlabel; mode solid serta pengurangan gerak tetap tersedia.
03
Salin dan unduh CSS material
Kaca CSS berlapis orisinal menggunakan tint 12–48%, difusi, kecerahan latar terkontrol, dan tampilan opak cadangan. Material tampilan dan ekspor berbagi kontrak. Patung dirender offline dengan Three.js dan disajikan sebagai WebP responsif; galeri tidak memuat engine 3D. Tidak ada kode atau tekstur Glass3D yang disalin.
04
Buku komponen independen
Kaca CSS berlapis orisinal menggunakan tint 12–48%, difusi, kecerahan latar terkontrol, dan tampilan opak cadangan. Material tampilan dan ekspor berbagi kontrak. Patung dirender offline dengan Three.js dan disajikan sebagai WebP responsif; galeri tidak memuat engine 3D. Tidak ada kode atau tekstur Glass3D yang disalin.
05
Pilihan, tooltip & area gulir
Perilaku papan ketik dibagikan; tema ini memiliki warna popup, batas, radius, tipografi, dan fokus sendiri.
06
Ekspor & batasan
Patung berupa gambar hasil render, bukan 3D langsung. Pilihan tersimpan hanya berada di halaman terbuka; dukungan browser menentukan blur dan konteks yang tidak mendukung tetap memakai panel solid.