Mekanik Klavye Ürün Sayfası Taslağı

KeyForge adlı üst düzey mekanik klavye markasının ürününü sergilemek için temiz ve modern bir e-ticaret ürün detay sayfası oluşturun. Sayfa, beyaz arka plan, açık gri bölme çizgileri ve bol beyaz alan içeren yüksek çözünürlüklü bir masaüstü web sitesi modeli sunmaktadır. Düzen, üst gezinme çubuğu, sol tarafta ürün küçük resim çubuğu, büyük bir orta ürün resmi ve sağ tarafta satın alma bilgileri paneli içeren birleşik bir mağaza sahnesidir. Başlığın sol üst köşesinde kalın bir marka logosu ve ardından yedi gezinme öğesi yer almaktadır: "Klavyeler", "Anahtarlar", "Tuş Kapakları", "Aksesuarlar", "İndirim", "Blog" ve "Destek". En sağda üç simge bulunmaktadır: arama, hesap ve alışveriş sepeti. Alışveriş sepeti simgesinde "1" gösteren küçük siyah bir bildirim rozeti vardır. Ortada sergilenen ana ürün, açık gri bir teşhir standına yerleştirilmiş, hafifçe aşağıdan önden çekilmiş bir fotoğrafla gösterilen %75 düzenli kompakt bir mekanik klavyedir. Ürün, gümüş renkli alüminyum alaşımlı bir kasaya, beyaz ve gri tuş başlıklarına, birkaç açık mor fonksiyon tuşuna ve sağ üst köşede gümüş renkli bir ses kontrol düğmesine sahiptir. Sol taraftaki dikey galeride beş küçük resim bulunur: ürünün seçilmiş bir ön görünümü, klavyenin yan görünümü, mekanik anahtarların yakın çekimi, tuş başlığı dokusunun yakın çekimi ve dairesel oynatma simgesi bulunan koyu renkli bir video küçük resmi. Sağ taraftaki ürün panelinde "YENİ" yazan küçük bir etiket ve kalın yazı tipinde ürün adı yer almaktadır. Alt başlık "%75 Mekanik Klavye" olup, ardından 4,8 yıldızlık 5 yıldızlı bir değerlendirme ve "(126 yorum)" ile kalın yazı tipinde fiyat yer almaktadır. Ardından gelen yeşil "Stokta" durumu, üstün performansı, conta tasarımı, QMK/VIA desteği ve RGB aydınlatma efektlerinin kısa bir açıklamasıyla takip edilir. Bunun altında, "Cherry MX Red", "Gateron Brown", "Gateron Blue" ve "TTC Gold Pink" etiketli dört kapsül düğmesi bulunan bir "Anahtar Tipi" seçici (varsayılan olarak ilki seçili); "White/Purple", "Black/Gray" ve "Navy/Blue" etiketli üç kapsül düğmesi bulunan bir "Renk" seçici (varsayılan olarak ilki seçili); "Miktar" açılır menüsü "1" olarak ayarlanmış; "Sepete Ekle" etiketli alışveriş sepeti simgesi bulunan büyük siyah bir ana düğme; ve "İstek Listesine Ekle" etiketli kalp şeklinde çerçeveli ikincil bir düğme yer almaktadır. Düğmenin altında, küçük simgelerle üç yatay hizmet vurgusu görüntülenir: "99$ üzeri siparişlerde ücretsiz kargo" alt başlığıyla "30 gün iade" alt başlığıyla "Sorunsuz iade" ve "2 yıl garanti" alt başlığıyla "İçiniz rahat olsun". Bu içerik alanının altında, ince çizgilerle ayrılmış iki sütunlu bir düzen oluşturulmuştur. Sol tarafta, beş öğeden oluşan dikey bir etiket listesi yer almaktadır: "Genel Bakış" (seçili), "Teknik Özellikler", "Kutu İçeriği", "Kargo ve İade" ve "Yorumlar (126)". Etiketlerin sağında, iki satır ve üç sütunda altı işlev bloğu içeren yuvarlak beyaz bir işlev kartı ızgarası yer almaktadır. Her işlev bloğunda basit bir çizgi simgesi, kalın bir başlık ve kısa bir açıklama bulunmaktadır: "%75 Yerleşim", "Conta Montajlı", "QMK/VIA Desteği", "Çalışırken Değiştirilebilir", "RGB Arka Aydınlatma" ve "Üstün Kalite". Bu alanın en sağında, yedi temel noktayı içeren bir özellik listesi eklenmiştir: “Yerleşim: %75 (82 Tuş)”, “Anahtar Tipi: Cherry MX Red”, “Montaj: Contalı Montaj”, “Bağlantı: USB-C (Kablolu)”, “Arka Aydınlatma: RGB, Güney Yönlü”, “Malzeme: Alüminyum Kasa” ve “Boyutlar: 322 x 135 x 42 mm”, son olarak da “Ağırlık: 1,25 kg”. Gerçekçi kullanıcı arayüzü aralığı, Intel veya SF Pro'ya benzer temiz bir sans-serif yazı tipi, yumuşak gölgeler, ince yuvarlak köşeler, tek renkli simgeler ve sofistike bir girişim tarzı tüketici elektroniği sunumu içeren, rafine edilmiş minimalist bir ürün tasarım estetiğini benimser.