twc-022 / Studi oleh Syafril · bukan proyek klien
Bengkel racik perawatan tubuh kecil yang fiktif, dan situsnya adalah kartu swatch di konternya: enam oles bernomor digambar di satu kartu tebal bertepi foil mutiara, lup untuk melihat dekat, label botol untuk tiap oles, dan kartu ritual dua sisi untuk disusun, dicetak, atau diunduh.
BACA KEPUTUSAN DESAIN
Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.
Enam oles yang digambar di satu kartu bertepi foil menjadi indeks produk; tiap oles adalah radio, jadi panah memindahkan lup. Urutan encer → padat menggeser kartu ke tempatnya. Tidak ada yang difoto dan tidak ada oles yang menjanjikan hasil.
Label botol dan kartu ritual mengintip dari balik kartu aktif dengan label tegak; keduanya tautan biasa, berikutnya dalam urutan fokus setelah wordmark. Di ponsel keduanya menjadi dua strip di atas kartu.
Lup dan label belakang hanya memuat jenis, kekentalan (titik dengan kata), aroma, dan wadah. Kotak komposisi dibiarkan kosong untuk pemilik; setiap ekspor menyebut dirinya konsep, bukan anjuran perawatan.
#f4eeec#3a2420#1d5a6e#e2d4cd#c58d72#d3dfe3YANG TERSEDIA / LANGKAH BERIKUTNYA
Biarkan pengunjung melihat teksturnya sebelum bertanya.
Alat ini mencakup ruang kerja yang berfungsi dan buku komponen sendiri. Kontrolnya mengolah status lokal.
Ekspor dibuat di browser Anda. Tidak terhubung dengan akun, penyimpanan awan, atau layanan eksternal.
Studi desain fiktif. Nacre tidak menjual apa pun dan tidak punya harga, bahan, atau klaim tentang kulit atau kesehatan; setiap produk adalah gambar orisinal tanpa foto, dan ekspor adalah kartu konsep lokal, bukan anjuran perawatan.
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 iniLihat teksturnya dulu. Di konter perawatan, tester dioleskan ke selembar kartu supaya tekstur bisa dibandingkan berdampingan; secara daring kartu itu pengganti sentuhan yang jujur: digambar, bukan difoto, tanpa janji hasil. Bagian-bagiannya menjadi antarmuka: kartu bertepi foil membingkai setiap halaman, oles bernomor menjadi indeks produk, lup memberi tampilan dekat, skala encer → padat yang tercetak mengurutkan kartu, kartu yang menumpuk di belakangnya menjadi navigasi, dan kartu ritual dua sisi menjadi yang dibawa pulang pengunjung.
Kertas kartu, tinta kakao, dan abalon di atas dasar merah muda konter; tanah liat hanya di dalam gambar oles dan botol; cincin kilau mutiara 3px di dalam tepi kartu, tanpa animasi atau tekstur. Tanpa foto. Kekentalan dibaca lewat titik ●○ beserta kata, oles yang sudah ada di satu sisi bergaris putus dan menyebutnya, dan sisi aktif terisi serta tertekan — tidak pernah dengan warna saja.
Bodoni Moda 500, Didone berkontras tinggi khas label parfum dan perawatan, dipakai untuk judul, nomor oles, dan wordmark; italiknya menamai oles, baris “untuk …”, dan catatan. DM Sans dipakai untuk fakta, kontrol, dan langkah.
Wordmark dan status penyimpanan di atas konter; kartu aktif di depan, dua kartu lain mengintip dari balik tepi kanannya dengan label tegak. Di bawah 900px kartu selebar layar dan dua kartu lain menjadi strip di atasnya; teks dan aksi mendahului gambar besar.
Dua gerak, keduanya setelah klik dan keduanya lewat transform: mengurutkan menggeser oles ke tempat barunya, dan membalik label memutarnya dalam 0,4 dtk. Reduced motion dan perangkat terbatas melewati keduanya; fokus tetap di kontrol yang ditekan.
Halaman Next.js statis dwibahasa. Kartu ritual tersimpan di peramban ini dengan kuncinya sendiri, divalidasi dengan Zod setiap dibaca; nomor label dibaca dari ?n= di URL. Cetak (A6, dua sisi) dan ekspor TXT dibuat lokal. Tanpa akun, keranjang, harga, atau server.
Oles berupa satu grup radio (panah, Home, End); urutan dan sisi kartu berupa tombol tertekan; tombol naik, turun, dan lepas tiap langkah berlabel dan menjaga fokus pada langkahnya; penambahan dan penolakan diumumkan. Kekentalan, “sudah di sisi ini”, dan sisi aktif dinyatakan dengan teks selain bentuk. Gambar bersifat dekoratif di samping teksnya; gambar wadah membawa deskripsinya sendiri.
Susun gambar jam dan ekspor SVG-nya.