Copy-ready prompt
Create a clean and modern e-commerce product detail page to display a product named {argument name="brand name" default="KeyForge"} This is a high-end mechanical keyboard brand. The page presents a high-fidelity desktop website model with a white background, light gray dividing lines, and ample white space. The layout is a unified store scene, including a top navigation bar, a left-hand product thumbnail bar, a large central product image, and a right-hand purchase information panel. At the top left of the header is a bold brand logo, followed by seven navigation items: "Keyboards," "Switches," "Keycaps," "Accessories," "Sale," "Blog," and "Support." On the far right are three icons: search, account, and shopping cart. The shopping cart icon has a small black notification badge showing a "1." The main product displayed in the center is a 75% layout compact mechanical keyboard, photographed from a slightly downward front angle, placed on a light gray display stand. It features a silver aluminum alloy casing, white and gray keycaps, a few light purple function keys, and a silver volume knob in the upper right corner. The left-hand vertical gallery contains five thumbnails: a selected front view of the product, a side view of the keyboard, a close-up of the mechanical switches, a close-up of the keycap texture, and a dark video thumbnail with a circular play icon. The right-hand product panel includes a small capsule label that reads "NEW" and the product name in bold font.{argument name="product name" default="KeyForge K75 Pro"} The subtitle is "75% Mechanical Keyboard," followed by a 5-star rating of 4.8 stars and "(126 reviews)," and the price in bold font.{argument name="price" default="$129.99"} The subsequent green "In Stock" status is followed by a brief description of its superior performance, Gasket design, QMK/VIA support, and RGB lighting effects. Below this is a "Switch Type" selector with four capsule buttons labeled "Cherry MX Red," "Gateron Brown," "Gateron Blue," and "TTC Gold Pink," with the first one selected by default; a "Color" selector with three capsule buttons labeled "White/Purple," "Black/Gray," and "Navy/Blue," with the first one selected by default; a "Quantity" dropdown menu set to "1"; a large black main button with a shopping cart icon labeled "Add to Cart"; and a secondary button with a heart-shaped outline labeled "Add to Wishlist." Below the button, three horizontal service highlights with small icons are displayed: "Free Shipping" with the subtitle "On orders over $99", "30-Day Returns" with the subtitle "Hassle-free returns", and "2-Year Warranty" with the subtitle "Peace of mind". Below this content area, a two-column layout is created, separated by thin lines. The left side features a vertical list of labels containing five items: "Overview" (selected), "Specifications", "What's in the Box", "Shipping & Returns", and "Reviews (126)". To the right of the labels, a rounded white grid of function cards is placed, containing six function blocks in two rows and three columns. Each function block has a simple line icon, a bold title, and a brief description: "75% Layout", "Gasket-Mounted", "QMK/VIA Support", "Hot-Swappable", "RGB Backlighting", and "Premium Build". On the far right of this area, a specification list containing seven key points is added: “Layout: 75% (82 Keys)”, “Switch Type: Cherry MX Red”, “Mounting: Gasket-Mounted”, “Connectivity: USB-C (Wired)”, “Backlight: RGB, South-facing”, “Material: Aluminum Case”, and “Dimensions: 322 x 135 x 42 mm”, with a final point: “Weight: 1.25 kg”. It adopts a refined minimalist product design aesthetic, featuring realistic UI spacing, a clean sans-serif font similar to Intel or SF Pro, soft shadows, subtle rounded corners, monochrome icons, and a sophisticated startup-style consumer electronics presentation.
Prompt breakdown
Create a clean and modern e-commerce product detail page to display a product named {argument name="brand name" default="KeyForge"} This is a high-end mechanical keyboard brand.
The page presents a high-fidelity desktop website model with a white background, light gray dividing lines, and ample white space.
The layout is a unified store scene, including a top navigation bar, a left-hand product thumbnail bar, a large central product image, and a right-hand purchase information panel.
At the top left of the header is a bold brand logo, followed by seven navigation items: "Keyboards," "Switches," "Keycaps," "Accessories," "Sale," "Blog," and "Support." On the far right are three icons: search, account, and shopping cart.









