新登場:GPT Image 2.5 Flare と Sunburst。登録で 3 枚無料、その後は 1 枚 8 クレジット。
GPT Image 2.5 を試す
AIコーディングツールの日本語LPヒーロービジュアル
UI / UX デザイン

AIコーディングツールの日本語LPヒーロービジュアル

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

プロンプト

[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コーディングの実践知とノウハウを発信中 ▶」と記載。 制約事項:整然としたタイポグラフィ、整ったレイアウト、リアルな質感表現、無駄な透かしロゴや過剰なノイズのないクリーンな仕上がり。

カスタマイズできる部分

生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。

  • [Claude Code]プレースホルダー

プロンプトの詳細

モデル
GPT IMAGE 2
1 枚あたりのコスト
1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
アスペクト比
3:4
追加日

その他のテンプレート