機械鍵盤產品頁面模型

此內容為頂級機械鍵盤生成精緻的桌面端電子商務產品頁面，適用於產品設計展示、店面概念及 UI 模型。

提示詞

建立一個簡潔現代的電子商務產品詳情頁面，用於名為 KeyForge 的頂級機械鍵盤品牌，並以白色背景、細緻的淺灰色分隔線及寬敞的間距呈現高保真桌面端網站模型。版面為單一統一的店面場景，包含頂部導覽列、左側產品縮圖列、中央大型產品主圖以及右側購買資訊面板。在頁首，將粗體品牌標誌置於最左側，接著放置 7 個導覽項目，依序為「Keyboards」、「Switches」、「Keycaps」、「Accessories」、「Sale」、「Blog」及「Support」；最右側放置搜尋、帳戶及購物車 3 個圖示，購物車圖示上帶有一個顯示「1」的小型黑色通知徽章。中央展示的主產品為一把 75% 配置的緊湊型機械鍵盤，以略微俯視的角度拍攝於淺灰色展示台上，配備銀色鋁合金外殼、白灰色鍵帽、數個淡紫色點綴鍵，以及右上角的銀色音量旋鈕。左側垂直圖庫包含精確 5 個縮圖：1 個已選取的正面產品照、1 個鍵盤角度視圖、1 個機械軸體特寫、1 個鍵帽紋理特寫，以及 1 個帶有圓形播放圖示的深色影片縮圖。右側產品面板包含一個顯示「NEW」的小型膠囊徽章、粗體大字產品名稱 KeyForge K75 Pro、副標題「75% Mechanical Keyboard」、顯示 4.8 分的五星評級列及「(126 reviews)」、粗體大字價格 $129.99，隨後為綠色的「In Stock」狀態，以及一段關於頂級效能、Gasket 結構設計、QMK/VIA 支援及 RGB 燈效的兩句簡短描述。下方包含一個「Switch Type」選擇器，設有 4 個標記為「Cherry MX Red」、「Gateron Brown」、「Gateron Blue」及「TTC Gold Pink」的膠囊按鈕，並預選第一個；一個「Color」選擇器，設有 3 個標記為「White / Purple」、「Black / Gray」及「Navy / Blue」的膠囊按鈕，並預選第一個；一個設為「1」的「Quantity」下拉選單；一個帶有購物車圖示、標記為「Add to Cart」的大型黑色主要按鈕；以及一個帶有愛心圖示、標記為「Add to Wishlist」的空心次要按鈕。在按鈕下方，展示 3 個帶有小型圖示的水平服務亮點：「Free Shipping」及其副標「On orders over $99」、「30-Day Returns」及其副標「Hassle-free returns」，以及「2-Year Warranty」及其副標「Peace of mind」。在下方內容區域，建立一個由細線分隔的雙欄區塊。左側為包含 5 個項目的垂直標籤列表：已選取的「Overview」，接著為「Specifications」、「What’s in the Box」、「Shipping & Returns」及「Reviews (126)」。在標籤右側，放置一個圓角白色功能卡片網格，包含 2 行 3 列共 6 個功能區塊，每個區塊均配有簡單的線條圖示、粗體標題及簡短說明文字：「75% Layout」、「Gasket-Mounted」、「QMK/VIA Support」、「Hot-Swappable」、「RGB Backlighting」及「Premium Build」。在此區域最右側，加入一個包含 8 個項目的規格清單：「Layout: 75% (82 Keys)」、「Switch Type: Cherry MX Red」、「Mounting: Gasket-Mounted」、「Connectivity: USB-C (Wired)」、「Backlight: RGB, South-facing」、「Material: Aluminum Case」、「Dimensions: 322 x 135 x 42 mm」以及最後一項「Weight: 1.25 kg」。採用精緻極簡的產品設計美學、真實的 UI 間距、類似 Inter 或 SF Pro 的簡潔無襯線字體、柔和陰影、細緻圓角、單色圖示以及精緻的新創風格消費電子產品呈現方式。