机械键盘产品页面模型

提示词

为一个名为 {argument name="brand name" default="KeyForge"} 的高端机械键盘品牌创建一个简洁现代的电商产品详情页，以白色背景上的高保真桌面网站模型呈现，带有细微的浅灰色分隔线和充裕的留白。布局为一个统一的商店场景，包含顶部导航栏、左侧产品缩略图栏、中央大型产品主视觉图，以及右侧购买信息面板。在页眉中，最左侧放置加粗的品牌标识，随后是 7 个导航项，分别为“Keyboards”、“Switches”、“Keycaps”、“Accessories”、“Sale”、“Blog”和“Support”，最右侧是搜索、账户和购物车 3 个图标，购物车上带有一个显示“1”的小黑色通知徽标。中央展示的主产品是一把紧凑型 75% 机械键盘，以略微俯视的正面角度拍摄，置于浅灰色台面上，采用银色铝合金外壳、白色和灰色键帽、数个薰衣草紫点缀键帽，以及右上角的银色音量旋钮。左侧垂直图库恰好包含 5 个缩略图：1 张已选中的正面产品图、1 张斜角键盘视图、1 张机械轴特写、1 张键帽纹理特写，以及 1 张带圆形播放图标的深色视频缩略图。右侧产品面板包括一个写有“NEW”的小胶囊徽标、一个大号加粗的产品名称 {argument name="product name" default="KeyForge K75 Pro"}、副标题“75% Mechanical Keyboard”、一个 5 星评分行以及 4.8 和“(126 reviews)”、一个大号加粗价格 {argument name="price" default="$129.99"}，后跟绿色“In Stock”状态，以及一段简短的两句描述，介绍高端性能、垫片安装结构、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)”。在标签右侧，放置一个圆角白色功能卡片网格，恰好包含 6 个功能块，分为 2 行 3 列，每个功能块都有一个简单线条图标、加粗标题和简短说明文字：“75% Layout”、“Gasket-Mounted”、“QMK/VIA Support”、“Hot-Swappable”、“RGB Backlighting”和“Premium Build”。在该下方区域的最右侧，添加一个规格项目符号列表，恰好包含 7 条项目：“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 的干净无衬线字体、柔和阴影、细微圆角、单色图标，以及精致的初创风格消费电子产品呈现。