मैकेनिकल कीबोर्ड उत्पाद पृष्ठ मॉकअप

KeyForge नामक उत्पाद को प्रदर्शित करने के लिए एक स्वच्छ और आधुनिक ई-कॉमर्स उत्पाद विवरण पृष्ठ बनाएं। KeyForge एक उच्च-स्तरीय मैकेनिकल कीबोर्ड ब्रांड है। पृष्ठ में सफेद पृष्ठभूमि, हल्के भूरे रंग की विभाजन रेखाओं और पर्याप्त खाली स्थान के साथ एक उच्च-गुणवत्ता वाला डेस्कटॉप वेबसाइट मॉडल प्रस्तुत किया गया है। लेआउट एक एकीकृत स्टोर दृश्य है, जिसमें शीर्ष नेविगेशन बार, बाईं ओर उत्पाद थंबनेल बार, एक बड़ी केंद्रीय उत्पाद छवि और दाईं ओर खरीद जानकारी पैनल शामिल हैं। हेडर के ऊपरी बाएँ कोने में एक बोल्ड ब्रांड लोगो है, जिसके बाद सात नेविगेशन आइटम हैं: "कीबोर्ड", "स्विच", "कीकैप", "एक्सेसरीज़", "सेल", "ब्लॉग" और "सपोर्ट"। दाईं ओर तीन आइकन हैं: खोज, खाता और शॉपिंग कार्ट। शॉपिंग कार्ट आइकन पर एक छोटा काला नोटिफिकेशन बैज है जो "1" दर्शाता है। केंद्र में प्रदर्शित मुख्य उत्पाद एक 75% लेआउट वाला कॉम्पैक्ट मैकेनिकल कीबोर्ड है, जिसे हल्के भूरे रंग के डिस्प्ले स्टैंड पर रखा गया है और सामने से थोड़ा नीचे की ओर से फोटो खींचा गया है। इसमें सिल्वर एल्युमिनियम अलॉय केसिंग, सफेद और ग्रे कीकैप्स, कुछ हल्के बैंगनी फंक्शन कीज़ और ऊपरी दाएं कोने में एक सिल्वर वॉल्यूम नॉब है। बाईं ओर की वर्टिकल गैलरी में पांच थंबनेल हैं: उत्पाद का एक चयनित फ्रंट व्यू, कीबोर्ड का एक साइड व्यू, मैकेनिकल स्विच का क्लोज-अप, कीकैप टेक्सचर का क्लोज-अप और एक गोलाकार प्ले आइकन वाला एक डार्क वीडियो थंबनेल। दाईं ओर के उत्पाद पैनल में एक छोटा कैप्सूल लेबल है जिस पर "नया" लिखा है और उत्पाद का नाम बोल्ड फॉन्ट में है। उपशीर्षक है "75% मैकेनिकल कीबोर्ड", इसके बाद 4.8 स्टार की 5-स्टार रेटिंग और "(126 समीक्षाएं)" और कीमत बोल्ड फॉन्ट में है। इसके बाद हरे रंग का "स्टॉक में" स्टेटस है, जिसके बाद इसके बेहतर प्रदर्शन, गैस्केट डिज़ाइन, QMK/VIA सपोर्ट और RGB लाइटिंग इफेक्ट्स का संक्षिप्त विवरण दिया गया है। इसके नीचे एक "स्विच टाइप" चयनकर्ता है जिसमें "चेरी एमएक्स रेड," "गेटरॉन ब्राउन," "गेटरॉन ब्लू," और "टीटीसी गोल्ड पिंक" लेबल वाले चार कैप्सूल बटन हैं, जिनमें से पहला डिफ़ॉल्ट रूप से चयनित है; एक "कलर" चयनकर्ता है जिसमें "व्हाइट/पर्पल," "ब्लैक/ग्रे," और "नेवी/ब्लू" लेबल वाले तीन कैप्सूल बटन हैं, जिनमें से पहला डिफ़ॉल्ट रूप से चयनित है; एक "क्वांटिटी" ड्रॉपडाउन मेनू "1" पर सेट है; एक बड़ा काला मुख्य बटन जिस पर शॉपिंग कार्ट आइकन बना है और "कार्ट में जोड़ें" लेबल है; और एक द्वितीयक बटन जिस पर दिल के आकार की रूपरेखा बनी है और "विशलिस्ट में जोड़ें" लेबल है। बटन के नीचे, छोटे आइकन के साथ तीन क्षैतिज सेवा हाइलाइट प्रदर्शित हैं: "फ्री शिपिंग" जिसका उपशीर्षक है "$99 से अधिक के ऑर्डर पर", "30-दिन रिटर्न" जिसका उपशीर्षक है "परेशानी मुक्त रिटर्न", और "2-साल की वारंटी" जिसका उपशीर्षक है "मन की शांति"। इस सामग्री क्षेत्र के नीचे, पतली रेखाओं द्वारा अलग किया गया एक दो-स्तंभ लेआउट बनाया गया है। बाईं ओर पाँच आइटमों वाली लेबलों की एक ऊर्ध्वाधर सूची है: "अवलोकन" (चयनित), "विनिर्देश", "बॉक्स में क्या है", "शिपिंग और रिटर्न", और "समीक्षाएँ (126)"। लेबलों के दाईं ओर, फ़ंक्शन कार्डों का एक गोल सफेद ग्रिड रखा गया है, जिसमें दो पंक्तियों और तीन स्तंभों में छह फ़ंक्शन ब्लॉक हैं। प्रत्येक फ़ंक्शन ब्लॉक में एक साधारण लाइन आइकन, एक बोल्ड शीर्षक और एक संक्षिप्त विवरण है: "75% लेआउट", "गैस्केट-माउंटेड", "QMK/VIA सपोर्ट", "हॉट-स्वैपेबल", "RGB बैकलाइटिंग", और "प्रीमियम बिल्ड"। इस क्षेत्र के बिल्कुल दाईं ओर, सात प्रमुख बिंदुओं वाली एक विशिष्टता सूची जोड़ी गई है: "लेआउट: 75% (82 कुंजियाँ)", "स्विच प्रकार: चेरी एमएक्स रेड", "माउंटिंग: गैस्केट-माउंटेड", "कनेक्टिविटी: यूएसबी-सी (वायर्ड)", "बैकलाइट: आरजीबी, दक्षिणमुखी", "सामग्री: एल्युमीनियम केस", और "आयाम: 322 x 135 x 42 मिमी", और अंत में: "वजन: 1.25 किलोग्राम"। इसमें एक परिष्कृत न्यूनतम उत्पाद डिज़ाइन सौंदर्यशास्त्र को अपनाया गया है, जिसमें यथार्थवादी यूआई स्पेसिंग, इंटेल या एसएफ प्रो के समान एक साफ सैन्स-सेरिफ़ फ़ॉन्ट, कोमल छाया, सूक्ष्म गोल कोने, मोनोक्रोम आइकन और एक परिष्कृत स्टार्टअप-शैली उपभोक्ता इलेक्ट्रॉनिक्स प्रस्तुति शामिल है।