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 の乱雑さ、追加の機能行は避けること。