# GPT Image Hub prompt

## 和風ミステリーゲームWebモックアップ
- URL: https://www.gptimagehub.com/ja/library/japanese-mystery-game-website-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28421
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-mystery-game-website-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui-ux-design, webモックアップ, 和風美学, ゴシック, ミステリーゲーム, レスポンシブ, タイポグラフィ
- Updated: 2026-10-26T20:33:23.098Z
- Created: 2026-10-26T20:33:23.098Z

和風ゴシックミステリーゲームのデスクトップ＆モバイル対応Webモックアップを生成します。サイト名や見出しを編集可能です。

### Full prompt
```text
和風ミステリー／ホラーゲームコミュニティ「[月蝕綺譚]」のレスポンシブWebサイトのプレゼンテーションモックアップ。ライトグレーの背景の上に、デスクトップブラウザとスマートフォン画面が並んで配置され、柔らかなドロップシャドウと丸みを帯びたデバイスフレームで描かれています。

視覚スタイル：上品な和風ゴシックミステリー調。オフホワイトの和紙テクスチャ背景、深い濃紺〜墨色のパネル、繊細なグレーの境界線、控えめな朱色のアクセント、洗練された明朝体日本語タイポグラフィ、繊細な墨線、三日月モチーフ、古文書、抑制の効いたエディトリアルレイアウト。

デスクトップレイアウト（左側幅約75％）：
- ブラウザ枠：3つの小さな円形ウィンドウボタン付きのダークトップバー。
- ナビゲーションヘッダー：左に三日月のアークと朱印が付いたサイトロゴ「[月蝕綺譚]」、中央に4つのナビリンク「お知らせ」「開発記録」「ご意見箱」「アーカイブ」、右に濃紺のCTAボタン「メールで会員になる」。
- ヒーローセクション：分割レイアウト。左側には雲に煙る夜空と光る月食の三日月、縦書きタイトル「[月蝕綺譚]」、繊細な天体軌道線、半透明の古文書パネル、下部に並ぶ正確に5枚のサムネイル（夜の洋館、間取り青図、不穏なシンボル、手書き文書、古地図のある机）。右側には角が切り欠かれた和紙チケット風の会員登録カード（小さな赤い「入会札」ラベル、見出し「メールで会員になる」、封筒アイコン、プレースホルダー「メールアドレスを入力」の入力欄、赤いCTAボタン「登録する →」）。
- 下部コンテンツ：左側に赤い縦線が添えられた見出し「[物語の続きを、いちばん近くで。]」と本文。右側に横並びの3枚の記事カード：カード1「月蝕綺譚 最新便」（月の画像、赤い「NEW」タグ、見出し「大型アップデート『〇〇』を公開しました」、日付2024.05.20）；カード2「開発記録」（ノートとペンの画像、見出し「開発記録 #12：環境演出の調整について」、日付2024.05.18）；カード3「ご意見箱」（ポストの画像、見出し「ご意見・ご感想をお聞かせください」、日付2024.05.16）。
- フッター：濃紺の帯に6つのリンク「お知らせ」「開発記録」「ご意見箱」「アーカイブ」「利用規約」「プライバシーポリシー」、三日月アイコン、コピーライト「© 2024 [月蝕綺譚]」。

モバイルレイアウト（右側の縦型スマートフォンモックアップ）：
- 9:41表示のステータスバー、ロゴ「[月蝕綺譚]」とハンバーガーメニューのコンパクトなヘッダー。
- レスポンシブ縦積み構成：月食ヒーロー画像、5連サムネイル帯、見出し「[物語の続きを、いちばん近くで。]」、チケット風登録カード、赤い「NEW」タグ付きの最新便カード。

制約事項：鮮明で可読性の高い日本語タイポグラフィ、指定のリンク数・カード数を厳密に保持、余分なUI要素は排除。
```