Claude Code 日本語版ヒーロー広告

Claude Code のための、洗練された日本語マーケティング用ヒーロー画像。映画のような開発ワークスペース、機能パネル、パフォーマンス指標を盛り込んだ構成。

プロンプト

目標：Claude Code のための、プレミアムな縦型日本語ランディングページ用ヒーロービジュアルを作成する。AI によるコーディング支援を、スマートかつ冷静でプロフェッショナルなイメージで表現する。キャンバス：縦長 3:4 の構図、約 768×1152 ピクセル。フォトリアルなエディトリアル広告スタイル。繊細な UI オーバーレイ要素、映画のような浅い被写界深度、温かみのあるダークグリーンとブラウンの色調、柔らかな窓からの光、エレガントなコントラスト。漫画調は不可。メインシーン：薄暗いカフェまたはスタジオオフィスのモダンなデスク。右側に、ダークニットのセーターを着た日本人もしくは東アジア人の成人男性が、顎に手を添えて思案しているポーズで座っている。顔はフラットな正方形のぼかしブロックで隠す。左手前には、視聴者側に向けられた開いたノートパソコンを配置し、Claude Code スタイルのコマンド出力が表示されたダークターミナル画面を見せる。デスク上の小物は以下の 5 点に限定する：セラミック製のコーヒーマグ 1 つ、開いたノート 1 冊、黒いペン 1 本、積み重ねられたプログラミング関連書籍 2 冊。背景は植物や窓の反射が柔らかくぼかされていること。ヒーローテキスト：左上に大きくエレガントな白の日本語セリフ体見出し：「考える力を、コードに変える。」その下に、小さめのサブ見出し：「Claude Code と、AI 時代の開発をスマートに。」さらにその下に、Claude Code が思考を理解し、AI コーディングパートナーとして設計、実装、改善をサポートすることを説明する短い日本語の段落を配置する。ノートパソコンの詳細：ターミナルには、プロジェクト作成、依存関係のインストール、git リポジトリの初期化、コンポーネント生成を示唆する読みやすい小さな英語のコマンドラインを表示し、最後に「Component created successfully!」と表示させる。リアルさを保ちつつ、主張しすぎないようにする。右側の機能パネル：右下に、薄い白枠の半透明なグラスモーフィズムパネルを配置する。タイトル：「開発を加速する、Claude Code の主な機能」。以下の 5 つの機能行を配置し、左側にシンプルなアウトラインアイコン、右側に日本語テキストを記載する：1) 吹き出しアイコン、「自然言語でのコーディング支援」（日本語の指示から最適なコードを生成する旨の注釈）、2) 歯車アイコン、「プロジェクト全体を理解」（コードベースを分析し、文脈を考慮した変更を提案する旨の注釈）、3) 鉛筆アイコン、「リファクタリングもワンクリック」（複雑なプロセスを安全に改善する旨の注釈）、4) ドキュメントアイコン、「テスト・ドキュメントも自動生成」（高品質なテストとドキュメントで開発をサポートする旨の注釈）、5) ターミナルアイコン、「CLI でシームレスに統合」（ターミナルワークフローに自然に統合する旨の注釈）。パネルの最下部に「あなたの開発体験を、よりスマートに、より創造的に。」と記載する。下部の指標：左下に、白文字で 2 つの統計ブロックを表示する：1) 「開発時間」と大きな「最大 55% 削減」および小さな脚注、2) 「バグの早期発見率」と大きな「2.3 倍向上*」。フッターバー：下部にダークな半透明の水平フッターを追加する。左側のテキスト：「Claude Code Insight」に続いて「ハウツー」。右側のテキスト：「AI コーディングの実践知とノウハウを発信中 ▶」。視覚的制約：洗練された日本語タイポグラフィ、大きな白の見出し、細い区切り線、ガラスパネル、リアルな反射を使用すること。表示されるすべてのテキストはクリーンで整列させること。余計なロゴ、ウォーターマーク、ランダムな UI の乱雑さ、追加の機能行は避けること。