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.
Related Keywords
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.
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,..."
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
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.
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="蜜..."
Art Studio Portrait
By Artificial intelligence (Ai),Open Ai
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
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