機械式鍵盤產品頁面模型

建立一個簡潔現代的電商產品詳情頁，展示名為 {argument name="brand name" default="KeyForge"} 的產品。 KeyForge 是一個高階機械式鍵盤品牌。頁面採用高保真桌面網站模型，以白色為背景，淺灰色分割線，並留有大量空白。佈局統一，呈現完整的店鋪場景，包括頂部導覽列、左側產品縮圖欄、中央大圖產品展示以及右側購買資訊面板。頁面左上角是醒目的品牌標識，下方是七個導航選項：「鍵盤」、「軸體」、「鍵帽」、「配件」、「促銷」、「部落格」和「支援」。頁面最右側是三個圖示：搜尋、帳戶和購物車。購物車圖示下方有一個黑色小通知徽章，顯示數字「1」。頁面中央展示的主要產品是一款 75% 佈局的緊湊型機械鍵盤，採用略微向下的正面角度拍攝，鍵盤放置在淺灰色展示架上。它採用銀色鋁合金外殼、白色和灰色鍵帽、幾個淺紫色功能鍵，以及位於右上角的銀色音量旋鈕。左側垂直圖庫包含五個縮圖：產品正面圖、鍵盤側視圖、機械軸特寫、鍵帽紋理特寫，以及一個帶有圓形播放圖示的深色影片縮圖。右側產品面板包含一個印有「新品」字樣的小型標籤，以及粗體字的產品名稱。 {argument name="product name" default="KeyForge K75 Pro"} 副標題為“75% 機械鍵盤”，其後是 4.8 星的五星評級和“(126 條評論)”，以及粗體字的價格。 {argument name="price" default="$129.99"} 隨後是綠色的「有貨」狀態，以及對其卓越性能、密封墊圈設計、QMK/VIA 支援和 RGB 燈效的簡要描述。下方是「軸體類型」選擇器，包含四個標有「Cherry MX 紅色軸」、「Gateron 茶軸」、「Gateron 青軸」和「TTC金粉軸」的膠囊按鈕，預設選取第一個；「顏色」選擇器，包含三個標有「白/紫」、「黑/灰」和「藏青/藍」的膠囊按鈕，預設選取第一個；「數量」下拉式選單，預設為「1」；一個帶有購物車圖示的大型黑色主按鈕，標有「數位」下拉式選單，預設為「1」；一個帶有購物車圖示的大型黑色主按鈕，標有「加入購物車輪廓按鈕下方顯示三個帶有小圖標的水平服務亮點：“滿 99 美元包郵”，“30 天退貨”，“輕鬆退貨”，以及“2 年保固”，“安心無憂”。在此內容區域下方，建立了一個以細線分隔的雙欄佈局。左側是一列垂直排列的標籤，包含五個項目：「概述」（已選取）、「規格」、「包裝清單」、「配送與退貨」和「用戶評價（126）」。標籤右側是一個圓角白色功能卡網格，包含兩行三列共六個功能模組。每個功能模組都配有一個簡單的線條圖示、一個醒目的標題和一段簡短的描述：「75%佈局」、「墊片式安裝」、「支援QMK/VIA」、「支援熱插拔」、「RGB背光」和「高階配置」。在該區域最右側，新增了包含七項關鍵資訊的規格清單：「佈局：75%（82鍵）」、「軸體類型：Cherry MX 紅軸」、「安裝方式：墊片式」、「連接方式：USB-C（有線）」、「背光：RGB，朝南」、「材：鋁合金重量」和一個尺寸：2532 x53 x 253 x 2532 x532 x：253 x 2532 x：2532 x 2532 x：2532 x 2532 x：2532 x：253 x 25.千克」。它採用了精緻的極簡主義產品設計美學，具有合理的 UI 間距、類似 Intel 或 SF Pro 的簡潔無襯線字體、柔和的陰影、圓潤的邊角、單色圖標，以及一種精緻的初創公司風格的消費電子產品展示。