メカニカルキーボードEC商品ページモックアップ

プレミアムメカニカルキーボードブランド[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レイアウト。