# GPT Image Hub prompt

## AIコーディングツールの日本語LPヒーロービジュアル
- URL: https://www.gptimagehub.com/ja/library/japanese-ai-coding-landing-page-visual
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22165
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-ai-coding-landing-page-visual
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 3:4
- Style: graphic-design
- Tags: ランディングページ, エンジニア, グラスモフィズム, エディトリアル広告, ソフトウェア宣伝, uiデザイン
- Updated: 2026-10-27T17:14:58.098Z
- Created: 2026-10-27T17:14:58.098Z

開発者のワークスペース写真、グラスモフィズム機能パネル、日本語タイポグラフィを融合したLPメインビジュアル。製品名や訴求点を変えて応用可能です。

### Full prompt
```text
[Claude Code]のプレミアムな縦型日本語ランディングページ用ヒーロービジュアル。AIコーディング支援をスマートで落ち着いたプロフェッショナルなトーンで表現。

構図とスタイル：縦横比3:4のポートレート構図。繊細なUIオーバーレイ要素を取り入れた実写エディトリアル広告スタイル、映画的な浅い被写界深度、深緑と温かみのあるウッドトーン、柔らかな窓辺の自然光、過度なデフォルメのない洗練されたコントラスト。

メインシーン：落ち着いた照明のモダンなスタジオオフィス。右側に濃色ニットセーターを着た東アジア人男性が顎に手を当て思索的なポーズで座っており、顔部分はミニマルな正方形の匿名化ぼかしで覆われている。左前景には手前向きに置かれたノートPCがあり、黒いターミナル画面に[Claude Code]のコマンド実行ログ（プロジェクト作成、依存関係インストール、Git初期化、「Component created successfully!」で終わる出力）が表示されている。デスク上には厳選された5つの小物（陶器マグカップ1個、開いたノート1冊、黒ペン1本、積み重ねられたプログラミング専門書2冊）を配置。背景には観葉植物と窓の光が柔らかくボケて広がる。

ヒーローテキスト（左上）：大きくエレガントな白の日本語明朝体ヘッドライン「考える力を、コードに変える。」。その下に小さめのサブコピー「[Claude Code]と、AI時代の開発をスマートに。」、さらに開発者の思考を理解し設計・実装・改善を伴走するAIコーディングパートナーであることを簡潔に説明する短い日本語テキスト。

機能パネル（右下）：細い白枠の半透明グラスモフィズムパネル。タイトルは「開発を加速する、[Claude Code]の主な機能」。5つの機能項目がシンプルな線画アイコンとともに縦に並ぶ：
1) 吹き出しアイコン：「自然言語でのコーディング支援」（自然な日本語指示から最適なコードを生成）
2) ギアアイコン：「プロジェクト全体を理解」（コードベースを包括的に把握し文脈に応じた提案）
3) ペンシルアイコン：「リファクタリングもワンクリック」（複雑な処理を安全に改善）
4) ドキュメントアイコン：「テスト・ドキュメントも自動生成」（テストと仕様書を自動作成）
5) ターミナルアイコン：「CLIでシームレスに統合」（既存のターミナル環境に直結）
パネル下部に「あなたの開発体験を、よりスマートに、より創造的に。」のテキスト。

実績メトリクス（左下）：2つの白い統計ブロック：
1) 「開発時間」と大きく目立つ「最大55%削減」
2) 「バグの早期発見率」と大きく目立つ「2.3倍向上*」

フッターバー：最下部に暗い半透明の水平バー。左側に「[Claude Code] Insight」「ハウツー」、右側に「AIコーディングの実践知とノウハウを発信中 ▶」と記載。

制約事項：整然としたタイポグラフィ、整ったレイアウト、リアルな質感表現、無駄な透かしロゴや過剰なノイズのないクリーンな仕上がり。
```