AI Prompt for E-commerce Product Page Design: Mechanical Keyboard Mockup

AI Prompt for E-commerce Product Page Design: Mechanical Keyboard Mockup

Generate a professional-looking product page for a mechanical keyboard using AI. Perfect for product designers, UI/UX enthusiasts, and e-commerce marketers. This AI prompt produces a polished desktop e-commerce product page design that showcases the keyboard's premium features.

Main AI Prompt

Main Prompt Content
"Create a clean modern e-commerce product detail page for a premium mechanical keyboard brand called {argument name="brand name" default="KeyForge"}, presented as a high-fidelity desktop website mockup on a white background with subtle light-gray dividers and generous spacing. The layout is a single unified storefront scene with a top navigation bar, a left product thumbnail rail, a large center product hero image, and a right-side purchase information panel. In the header, place the bold wordmark on the far left, then 7 navigation items reading “Keyboards”, “Switches”, “Keycaps”, “Accessories”, “Sale”, “Blog”, and “Support”, and on the far right 3 icons for search, account, and cart, with a small black notification badge showing “1” on the cart. The main product shown in the center is a compact 75% mechanical keyboard photographed from a slightly elevated front angle on a pale gray stage, with an aluminum case in silver, white and gray keycaps, several accent keys in lavender purple, and a silver volume knob at the top right. The left vertical gallery contains exactly 5 thumbnails: 1 selected front product shot, 1 angled keyboard view, 1 mechanical switch close-up, 1 keycap texture close-up, and 1 dark video thumbnail with a circular play icon. The right product panel includes a small pill badge reading “NEW”, a large bold product name {argument name="product name" default="KeyForge K75 Pro"}, a subtitle “75% Mechanical Keyboard”, a 5-star rating row with 4.8 and “(126 reviews)”, a large bold price {argument name="price" default="$129.99"} followed by a green “In Stock” status, and a short two-sentence description about premium performance, gasket-mounted design, QMK/VIA support, and RGB. Under that, include a “Switch Type” selector with exactly 4 pill buttons labeled “Cherry MX Red”, “Gateron Brown”, “Gateron Blue”, and “TTC Gold Pink”, with the first selected; a “Color” selector with exactly 3 pill buttons labeled “White / Purple”, “Black / Gray”, and “Navy / Blue”, with the first selected; a “Quantity” dropdown set to “1”; one large black primary button labeled “Add to Cart” with a cart icon; and one outlined secondary button labeled “Add to Wishlist” with a heart icon. Beneath the buttons, show exactly 3 horizontal service highlights with small icons: “Free Shipping” with subtext “On orders over $99”, “30-Day Returns” with subtext “Hassle-free returns”, and “2-Year Warranty” with subtext “Peace of mind”. In the lower content area, create a two-column section separated by light lines. On the left is a vertical tab list with exactly 5 items: “Overview” selected, then “Specifications”, “What’s in the Box”, “Shipping & Returns”, and “Reviews (126)”. To the right of the tabs, place a rounded white feature card grid with exactly 6 feature blocks in 2 rows of 3, each with a simple line icon, bold title, and short explanatory text: “75% Layout”, “Gasket-Mounted”, “QMK/VIA Support”, “Hot-Swappable”, “RGB Backlighting”, and “Premium Build”. On the far right of this lower area, add a specifications bullet list with exactly 7 bullets: “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”, plus an additional final bullet “Weight: 1.25 kg”. Use a refined minimalist product-design aesthetic, realistic UI spacing, clean sans-serif typography similar to Inter or SF Pro, soft shadows, subtle rounded corners, monochrome icons, and polished startup-style consumer electronics presentation."

You might also like

Hand-picked related prompts from E-commerce Product Page.

Browse Gallery
AI Prompt for Sunlit Product Photo Enhancement: E-commerce Main Image
Product Photography By Hanya Hu

AI Prompt for Sunlit Product Photo Enhancement: E-commerce Main Image

photography product-marketing enhancement E-commerce
"Using REFERENCE_0 as the base photo, retouch it into a clean, professional lifestyle shot while preserving the bouquet,..."
AI Prompt for Luxury Skincare Product Image in Perfume Bottle
Product By Willy

AI Prompt for Luxury Skincare Product Image in Perfume Bottle

photography product-marketing E-commerce
Luxury skincare serum diorama LAYOUT: Single hero, miniature concert hall within a perfume bottle DIRECTION: Vertical, r...
Premium
Unlock this prompt
AI Prompt for Ultra-Realistic 8K Knolling-Style Flat-Lay Product Images with Disassembled Parts
Product Shot By Tischeins

AI Prompt for Ultra-Realistic 8K Knolling-Style Flat-Lay Product Images with Disassembled Parts

product photography E-commerce Graphics
"Ultra-realistic 8K overhead product photograph in precise knolling composition, straight top-down 90-degree view of the..."

Latest Discoveries

Explore our most recently added high-quality AI prompts.

AI Prompt for Professional Milk Tea Brand Flyer Design - Mixue Promotion
Food Product By 李岳

AI Prompt for Professional Milk Tea Brand Flyer Design - Mixue Promotion

Poster marketing Flyer
"生成一张 {argument name="比例" default="9:16"} 竖版餐饮品牌宣传单页设计图。品牌名称为「{argument name="品牌" default="蜜..."
AI Prompt for Creating a Soft Art-School Aesthetic Photo of a Young Woman

AI Prompt for Creating a Soft Art-School Aesthetic Photo of a Young Woman

photography Portraits Art Studio
{ "prompt": "A soft, understated art-school style photograph of a young woman sitting cross-legged on a studio floor....
Premium
Unlock this prompt
AI Prompt for Cyberpunk YouTube Thumbnail with Futuristic Presenter
Cyberpunk By OKIHIRO

AI Prompt for Cyberpunk YouTube Thumbnail with Futuristic Presenter

Illustration cyberpunk sci-fi YouTube
A bold Japanese YouTube thumbnail about the AI competition era, 16:9 widescreen, high contrast, dramatic tech-news style...
Premium
Unlock this prompt