# GPT Image Hub prompt

## メカニカルキーボードEC商品ページモックアップ
- URL: https://www.gptimagehub.com/ja/library/mechanical-keyboard-ecommerce-product-page-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14449
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmechanical-keyboard-ecommerce-product-page-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: uiモックアップ, ecサイト, 商品詳細ページ, メカニカルキーボード, ウェブデザイン, ミニマリズム, デスクトップui
- Updated: 2026-10-28T04:18:43.098Z
- Created: 2026-10-28T04:18:43.098Z

高級メカニカルキーボードのデスクトップEC商品詳細ページUIを生成します。ブランド名や製品名、価格を変更してカスタマイズできます。

### Full prompt
```text
プレミアムメカニカルキーボードブランド[KeyForge]の、クリーンでモダンなEコマース商品詳細ページのデスクトップWeb UIモックアップ。白を基調とした背景に淡いグレーの境界線とゆとりのある余白を配置。上部ナビゲーションバー、左側のサムネイル列、中央のメイン製品画像、右側の購入パネルで構成。ヘッダー左端にボールドの[KeyForge]ロゴ、「Keyboards」「Switches」「Keycaps」「Accessories」「Sale」「Blog」「Support」のナビリンク、右端に検索・アカウント・カートアイコン（「1」のバッジ付き）を配置。中央メイン画像には、シルバーのアルミケース、白とグレーのキーキャップ、ラベンダーパープルのアクセントキー、右上にシルバーの音量ノブを備えた75%メカニカルキーボードを、薄いグレーの台座上に斜め上から撮影。左側のギャラリーには5つのサムネイル（正面、斜め、キースイッチ接写、キーキャップ質感、再生アイコン付き動画）。右パネルには「NEW」バッジ、太字の製品名[KeyForge K75 Pro]、サブタイトル「75% Mechanical Keyboard」、星4.8評価「(126 reviews)」、価格[[$129.99]]、「In Stock」表示、簡潔な2文の説明文。スイッチ選択ボタン4種（「Cherry MX Red」選択中）、「White / Purple」選択中のカラー選択、数量「1」、黒の「Add to Cart」ボタン、線画の「Add to Wishlist」ボタン。下部に「Free Shipping」「30-Day Returns」「2-Year Warranty」のアイコン付き保証表示。下段にはタブメニュー、6つの機能紹介カード（75% Layout、Gasket-Mountedなど）、詳細仕様リスト。ミニマルなサンセリフタイポグラフィと洗練されたUIレイアウト。
```