Maket Halaman Produk Keyboard Mekanik

Buat halaman detail produk e-commerce yang bersih dan modern untuk menampilkan produk bernama {argument name="brand name" default="KeyForge"}. Ini adalah merek keyboard mekanik kelas atas. Halaman ini menampilkan model situs web desktop dengan detail tinggi, latar belakang putih, garis pemisah abu-abu muda, dan ruang putih yang luas. Tata letaknya merupakan tampilan toko yang terpadu, termasuk bilah navigasi atas, bilah thumbnail produk di sebelah kiri, gambar produk besar di tengah, dan panel informasi pembelian di sebelah kanan. Di kiri atas header terdapat logo merek yang mencolok, diikuti oleh tujuh item navigasi: "Keyboard," "Switch," "Keycaps," "Aksesoris," "Diskon," "Blog," dan "Dukungan." Di paling kanan terdapat tiga ikon: pencarian, akun, dan keranjang belanja. Ikon keranjang belanja memiliki lencana notifikasi hitam kecil yang menunjukkan angka "1." Produk utama yang ditampilkan di tengah adalah keyboard mekanik kompak dengan layout 75%, difoto dari sudut depan sedikit ke bawah, diletakkan di atas dudukan display abu-abu muda. Keyboard ini memiliki casing paduan aluminium perak, keycap putih dan abu-abu, beberapa tombol fungsi berwarna ungu muda, dan kenop volume perak di sudut kanan atas. Galeri vertikal sebelah kiri berisi lima thumbnail: tampilan depan produk yang dipilih, tampilan samping keyboard, tampilan dekat sakelar mekanis, tampilan dekat tekstur keycap, dan thumbnail video gelap dengan ikon putar melingkar. Panel produk sebelah kanan menyertakan label kapsul kecil bertuliskan "BARU" dan nama produk dalam huruf tebal. Subjudulnya adalah "Keyboard Mekanik 75%", diikuti oleh peringkat bintang 5 sebesar 4,8 bintang dan "(126 ulasan)," dan harga dalam huruf tebal. Status "Tersedia" berwarna hijau selanjutnya diikuti oleh deskripsi singkat tentang kinerja superiornya, desain Gasket, dukungan QMK/VIA, dan efek pencahayaan RGB. Di bawahnya terdapat pemilih "Tipe Switch" dengan empat tombol kapsul berlabel "Cherry MX Red," "Gateron Brown," "Gateron Blue," dan "TTC Gold Pink," dengan yang pertama dipilih secara default; pemilih "Warna" dengan tiga tombol kapsul berlabel "Putih/Ungu," "Hitam/Abu-abu," dan "Biru Tua/Biru," dengan yang pertama dipilih secara default; menu tarik-turun "Jumlah" yang diatur ke "1"; tombol utama hitam besar dengan ikon keranjang belanja berlabel "Tambahkan ke Keranjang"; dan tombol sekunder dengan garis luar berbentuk hati berlabel "Tambahkan ke Daftar Keinginan." Di bawah tombol tersebut, ditampilkan tiga sorotan layanan horizontal dengan ikon kecil: "Pengiriman Gratis" dengan subjudul "Untuk pesanan di atas $99", "Pengembalian 30 Hari" dengan subjudul "Pengembalian tanpa repot", dan "Garansi 2 Tahun" dengan subjudul "Ketenangan pikiran". Di bawah area konten ini, dibuat tata letak dua kolom, dipisahkan oleh garis tipis. Sisi kiri menampilkan daftar label vertikal yang berisi lima item: "Ikhtisar" (terpilih), "Spesifikasi", "Isi Kotak", "Pengiriman & Pengembalian", dan "Ulasan (126)". Di sebelah kanan label, terdapat kisi-kisi putih bulat berisi kartu fungsi, yang terdiri dari enam blok fungsi dalam dua baris dan tiga kolom. Setiap blok fungsi memiliki ikon garis sederhana, judul tebal, dan deskripsi singkat: "Tata Letak 75%", "Dipasang dengan Gasket", "Dukungan QMK/VIA", "Dapat Diganti Panas", "Lampu Latar RGB", dan "Konstruksi Premium". Di sisi paling kanan area ini, ditambahkan daftar spesifikasi yang berisi tujuh poin penting: “Tata Letak: 75% (82 Tombol)”, “Tipe Saklar: Cherry MX Red”, “Pemasangan: Dipasang dengan Gasket”, “Konektivitas: USB-C (Berkabel)”, “Lampu Latar: RGB, Menghadap Selatan”, “Bahan: Casing Aluminium”, dan “Dimensi: 322 x 135 x 42 mm”, dengan poin terakhir: “Berat: 1,25 kg”. Desain produk ini mengadopsi estetika minimalis yang halus, menampilkan jarak UI yang realistis, font sans-serif yang bersih mirip dengan Intel atau SF Pro, bayangan lembut, sudut membulat yang halus, ikon monokrom, dan presentasi elektronik konsumen bergaya startup yang canggih.