Luma Light / SISTEM DESAIN

Bentuk, cahaya & interaksi.

Latar pameran karbon untuk objek orisinal. Huruf kapur, bingkai presisi, dan cahaya hangat menjadikan kontrol bagian dari pameran.

Skema tata letak website yang diimplementasikan

Buku ini milik Luma Light. Situs katalog memiliki panduan antarmuka terpisah. Contoh di bawah memakai komponen asli demo ini.

01 / FONDASI

Warna, huruf & bentuk

Bingkai tipis. Permukaan material gelap. Kontrol spasial eksplisit.

Karbon#171c1b

Kapur#f0eee5

Bara#e6a775

Jost / DISPLAY

FORM & LIGHT.

Inter Tight / TEKS & ANTARMUKA

Ubah warna dan cahaya, lalu putar serta perbesar objek 3D orisinal.

02 / KOMPONEN LANGSUNG

Ubah warna dan cahaya, lalu putar serta perbesar objek 3D orisinal.

L / 01
Studi bentukTAMPILAN ILUSTRASI

Pilih warna, ubah cahaya, atau periksa bentuk dalam 3D.

03 / DETAIL ANTARMUKA

Coba pilihan, fokuskan tombol bantuan, dan gulir daftar komponen. Popup dan tooltip tetap membawa karakter tema ini.

Periksa komponen

Jost dipakai pada judul h1/h2 dan wordmark akun; Inter Tight untuk teks bacaan, kolom, dan judul kecil.

Daftar komponen (gulir untuk memeriksa)

01
Huruf halaman akun
Jost dipakai pada judul h1/h2 dan wordmark akun; Inter Tight untuk teks bacaan, kolom, dan judul kecil.
02
Brand Anda pada halaman akun
Nama dan logo menggantikan wordmark. Warna utama dan kedua menjadi tinta dan aksen yang terbaca pada permukaan akun, input, aksi, fokus, dan dialog atur ulang. Latar, karya, warna lampu, dan papan gelap Wayfinder tetap milik tema. Brand dengan nama saja dan Tampilkan versi asli mempertahankan warna tema.
03
Identitas
Luma Light memakai logonya sendiri, terpisah dari katalog.
04
Pilihan
Ubah warna dan cahaya, lalu putar serta perbesar objek 3D orisinal.
05
Menu pilihan
Popup yang dioperasikan dengan papan ketik, memakai batas, huruf, fokus, dan status pilihan tema ini.
06
Tooltip
Bantuan kontekstual muncul saat hover atau fokus papan ketik dan ditutup dengan Escape.
07
Area gulir
Area terbatas dengan jalur dan pegangan sesuai tema. Gulir roda, sentuh, dan papan ketik tetap tersedia.
08
Fokus & gerak
Fokus terlihat dan transisi singkat yang mengikuti masukan. Preferensi pengurangan gerak menghilangkan perpindahan.
09
Form & validasi
Pengaturan di bawah memakai input berlabel, radio, switch, dan checkbox. Penyimpanan mengubah preferensi dashboard lokal tema ini.
10
Dialog & respons
Dialog atur ulang mempertahankan tema dalam portal, mengembalikan fokus, dan menonaktifkan latar sementara. Tab status menampilkan transisi kosong, gagal, memuat, dan berhasil.

Ini adalah komponen pengaturan dan status yang digunakan pada halaman esensial tema ini.