# GPT Image Hub prompt

## 工務店WebサイトのファーストビューUIモックアップ
- URL: https://www.gptimagehub.com/ja/library/japanese-homebuilder-hero-ui-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14659
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-homebuilder-hero-ui-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui-uxデザイン, ウェブモックアップ, ファーストビュー, 和風デザイン, プレゼンテーション, ランディングページ, 工務店
- Updated: 2026-10-27T12:10:23.098Z
- Created: 2026-10-27T12:10:23.098Z

工務店ホームページのファーストビュー案を洗練された提案形式で生成します。配色、吹き出しの要件指示、FVの写真を差し替えて応用可能です。

### Full prompt
```text
[ダークチャコール]の背景に配置された、工務店のWebサイトファーストビューの洗練されたプレゼンテーション用モックアップ。右上に配置された角丸の大きな白い吹き出し内には、すっきりとしたサンセリフ体の日本語テキストで4行の箇条書きを表示：「工務店のwebサイトのファーストビューを作成してください。」、「- 緑ベース」、「- お知らせを1件表示」、「- FV画像は、机を囲んで業者とお客様が話しているところ」、「- CTAボタン設置」。左下には、落ち着いたフォレストグリーン基調の上品な工務店向けデスクトップブラウザ風UIカードを配置。上部ナビゲーションバーには左端に小さな家のロゴと日本語の会社名、5つのナビゲーションリンク、右端に角丸の白いお問い合わせボタンを配置。FVエリアは左右2分割：左側には有機的な葉のパターンが重なる緑のテクスチャパネル、日本語のメイン見出し、短い説明文、白い角丸CTAボタン；右側には木製テーブルを挟んで建築模型や資料を見ながら打ち合わせをする2人の人物の温かみのある自然光写真（背景に観葉植物と窓光）。ブラウザ下部には、緑のタグ・日付・日本語テキスト・リンクが付いた1件のお知らせバーを表示。カード左下隅には「編集」と書かれた半透明グレーの円形バッジ、右下隅には小さな円形の共有アイコンを配置。
```