# GPT Image Hub prompt

## SaaS AIスタジオ LPヒーローモックアップ
- URL: https://www.gptimagehub.com/ja/library/saas-ai-studio-landing-page-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21370
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsaas-ai-studio-landing-page-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: graphic-design
- Tags: saas, uiデザイン, ランディングページ, モックアップ, ヒーロー画像, グラスモーフィズム, 3dレンダリング
- Updated: 2026-10-26T16:04:53.098Z
- Created: 2026-10-26T16:04:53.098Z

ガラスデスク上の詳細なWebアプリ画面を描くミント調のSaaSヒーローモックアップ。括弧内のブランド名や見出しテキストを編集可能です。

### Full prompt
```text
AIランディングページスタジオ［MINTPAGE］向けの洗練された正方形SaaSヒーロー画像。中央には光沢のあるガラスデスクの上に大型デスクトップモニターが置かれ、右側の窓から柔らかな自然光が差し込むミニマルなオフィス、背景にはソフトフォーカスの棚と観葉植物が配置されています。上部にはミントの葉を模した円形ロゴ、テキスト「［MINTPAGE］」、細い区切り線、サブタイトル「［AI LANDING PAGE STUDIO］」で構成されたブランドヘッダー。その下にはダークブルーの洗練されたセリフ体で大きなヘッドライン「［WHY DO MOST AI PAGES LOOK GENERIC?］」が配置されます。ヘッドラインの下にはミント色のアイコン付きバッジが4つ横一列に並びます（「AI-Powered」「React + Tailwind」「Production Ready」「Built to Convert」）。モニター画面にはすっきりとしたUIのウェブアプリビルダーが表示され、左パネルに4ステップのフロー（「1) Context — Define your idea」「2) Style — Visual direction」「3) Design — AI generates layout」「4) Code — Export production ready code」）、中央パネルに見出し「From Idea to Code. Instantly.」（「Code. Instantly.」はミント色のイタリック）と入力フォーム群、右パネルにReact/Tailwindコードを表示する「Live Environment」エディタとプレビュー文「Landing pages that look iconic. Built to convert.」が並びます。デスク手前の左側には「MINTPAGE」「AI LANDING PAGE STUDIO」と印字された半透明アクリルプレートと、「BUILT FOR CONVERSION」「REACT + TAILWIND + AI」「DESIGN SYSTEMS THAT SCALE」の3冊の本のスタック。手前中央にスリムな白キーボード、右側に白マウス、ペンが4本入ったペールブルーのペン立て、5つのチェック項目が並ぶ半透明の「PROJECT STATUS」カード。パステルミントとペールブルーの配色、グラスモーフィズム、人物なし、精緻な3Dモックアップ写真スタイル。
```