LP画像生成プロンプト汎用テンプレート集（GPT Image 2対応・全11セクション）

元ファイル: LP画像生成プロンプト｜汎用テンプレート集（GPT_Image_2対応）.pdf

LP画像生成プロンプト｜汎用テンプレート集

（GPT Image 2対応）

本ドキュメントは、縦長LP（ランディングページ）を構成する代表的な11のセクションタイプ

について、固有名詞・特定金額・特定商材名を含まない汎用テンプレートプロンプトを収録し

たものである。元となった参考LPのデザインスタイル（白背景＋ディープレッド＋エメラルド

グリーン＋蛍光イエローマーカーの日本インフォプロダクト系ビジュアル）を維持しつつ、すべ

ての可変要素を {{変数名}} 形式のプレースホルダーに置き換えているため、情報商材・コーチ

ング・SaaS・EC・士業・BtoB営業など業種を問わず流用できる。各セクションの完全版テン

プレート末尾の変数を自社情報で置換するだけで、OpenAI GPT Image 2（gpt-image-2）にそ

のまま投入可能である。

0. 全セクション共通のデザインスタイル・ガイドライン

すべてのセクションで以下の共通ルールを適用する。共通スタイルはプロンプトテンプレート

の先頭に既に組み込まれているため、基本的にそのままでよい。ブランドカラーを変更したい

場合は、完全版テンプレート内の16進カラーコードを直接書き換えること。

項目

指定内容

背景

純白 (#FFFFFF)、ゆったりした余白

メインアクセント

ディープレッド (#B91C1C〜#C0282A)。見出しバ

ナー、CTA、数字強調、手書き風テロップ

サブアクセント

エメラルドグリーン (#10B981〜#2DB36F)。売上

数字、振込アイコン、CTAチェックマーク

ハイライトマーカー

蛍光ペン風ライトイエロー (#FFEE58)。重要キー

ワードの下線

本文テキスト

濃いチャコール (#1A1A1A)、日本語ゴシック体

見出しフォント

極太日本語ゴシック（Noto Sans JP Black / 源ノ

角ゴシック Heavy相当）

数字表示

肥大化した赤色サンセリフ極太

装飾線

見出し前後に「＝＝＝＝＝」イコールサイン装飾

線

アイコン

緑の丸チェック、赤い四角チェック絵文字、下向

き赤矢印、抽象アバター

レイアウト

スマホファースト縦長1カラム、中央寄せ

使い方（3ステップ）

第一に、作りたいLPの構成を決め、本ドキュメントの11セクションから必要なものを選ぶ

（例：ヘッダー＋ケーススタディ×3＋CTA＋プロフィール、など）。第二に、各セクションのテ

ンプレート冒頭にある「変数一覧表」を見て、自分の商材・登場人物・数値・見出しコピーを

書き出す。第三に、完全版テンプレートプロンプト内の {{変数名}} を実値で置換してから GPT

Image 2 に入力する。

GPT Image 2 は日本語テキストの描画精度に波があるため、文字崩れが発生したら英語版テン

プレートに切り替えるか、同じプロンプトで複数回生成して最良のものを選ぶとよい。アスペ

クト比は 2:3 または 9:16 の縦長を推奨する。

1. ファーストビュー（HEROセクション）

変数一覧（このセクションで置換が必要な項目）

ムード

信頼感・実績訴求・緊急感のある整然としたイン

フォLP

禁止事項

写実的な特定実在人物の顔写真、既存ブランドロ

ゴ、英語主体のレイアウト、3D・フォトリアル背

景

変数名

説明

記入例

ページ最上部の赤バナーに表示

する短い見出し

期間限定

ファーストビューで最も伝えた

い中心的なメッセージ

知識ゼロから始めるWebデザイ

ン講座

実績ダッシュボードの項目1の

期間や属性

先月の売上

実績ダッシュボードの項目1の

具体的な数値

300万円

実績ダッシュボードの項目2の

期間や属性

顧客満足度

実績ダッシュボードの項目2の

具体的な数値

98%

(a) デザインスタイル指示

背景は純白(#FFFFFF)の縦長レイアウト。スマホ表示に最適化された中央寄せデザイン。メイン

アクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#10B981)。重

要箇所は蛍光ライトイエロー(#FFEE58)のマーカーで強調。フォントは視認性の高い極太ゴシッ

ク体。セクション区切りに装飾線、箇条書きにアイコンを使用し、手書き風のテロップで数値

を強調。写実的な人物写真や既存ロゴは使用しない。

(b) レイアウト・全体構成指示

実績ダッシュボードの項目3の

期間や属性

卒業生

実績ダッシュボードの項目3の

具体的な数値

500名

実績ダッシュボードの項目4の

期間や属性

平均年収UP

実績ダッシュボードの項目4の

具体的な数値

+150万円

4つの実績を統合した、最も強

調したい実績数値

累計売上5億円

3つの秘密（ベネフィット）の1

つ目の短い説明

未経験でも稼げる理由

3つの秘密（ベネフィット）の2

つ目の短い説明

時間と場所の自由

3つの秘密（ベネフィット）の3

つ目の短い説明

独自の成功法則

行動喚起エリアの見出し

今すぐ無料で受け取る

メール登録などを促すボタンの

テキスト

限定ガイドブックをGET

ボタンの下に表示する補足情報

（個人情報保護方針など）

ご登録は1分で完了します

ページ最下部の締めの短い一文

次の成功者になるのはあなたで

す

縦長・中央寄せのレイアウト。最上部に赤バナーで『【{{バナー見出し}}】』。その下に『{{メイン

キャッチコピー}}』を配置し、一部を蛍光黄で下線強調。中央には実績ダッシュボードを設置。

4つの期間『{{期間ラベル1〜4}}』と数値『{{数値ラベル1〜4}}』のカードを並べ、合計『{{総額

実績}}』を赤極太文字で大きく見せる。次に、3つの赤い矢印型バッジと、それぞれの説明文

『{{秘密1}}』『{{秘密2}}』『{{秘密3}}』を配置。最後にCTAエリアとして『{{CTA見出し}}』、メー

ルフォーム、緑の『{{CTAボタン文言}}』ボタン、『{{ボタン下補足}}』、『{{最下部コピー}}』を順

に配置する。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

日本の情報商材向けLPのファーストビュー画像を生成してください。以下に詳述する構成とデザインスタイ

【デザインスタイル】

- **レイアウト**: 背景は純白(#FFFFFF)。スマートフォンでの閲覧を最優先した、縦長の中央寄せレイ

- **配色**: メインのアクセントカラーはディープレッド(#B91C1C)、サブアクセントはエメラルドグリ

- **タイポグラフィ**: 全体的に極太の日本語ゴシック体（Noto Sans JP Black相当）を使用。数字

- **グラフィック要素**: 緑色の丸いチェックアイコン、赤い矢印型のバッジ、セクション区切りのため

- **禁止事項**: 実在の人物の顔写真、既存のブランドロゴ、3Dやフォトリアルな背景は一切使用しない

【レイアウトと構成】

1. **最上部**: 画面上部に『【{{バナー見出し}}】』というテキストが入った赤いバナーを配置。

2. **メインキャッチ**: バナーの直下に、メインのキャッチコピー『{{メインキャッチコピー}}』を大

3. **実績ダッシュボード**: ヘッドラインの下中央に、実績を示すダッシュボード風のグラフィックを

4. **3つの秘密**: ダッシュボードの下に、「SECRET 1」「SECRET 2」「SECRET 3」と書かれた3

5. **CTAエリア**: 最後に、行動喚起の見出し『{{CTA見出し}}』を配置。その下にメールアドレス入

6. **締め**: 最下部に、締めのコピー『{{最下部コピー}}』を配置する。

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a hero section image for a Japanese landing page, following thes

**Design Style:**

- **Layout:** A vertically long, mobile-first, center-aligned layout on a pure w

- **Color Palette:** The primary accent color is a deep red (#B91C1C), with a se

- **Typography:** Use a bold, modern Japanese Gothic font (similar to Noto Sans

- **Graphics & Icons:** Use simple graphic elements like green checkmark icons,

- **Restrictions:** Do not use photorealistic images of people, existing brand

**Layout and Composition:**

- **Top:** A prominent red banner at the very top with the text "【{{banner_head

- **Main Headline:** Below the banner, display the main catchphrase "{{main_catc

- **Dashboard Graphic:** Centered below the headline, create a dashboard-like g

- **Three Secrets:** Under the dashboard, display three red, arrow-shaped badges

- **Call to Action (CTA):** The final section includes the CTA headline "{{cta_h

- **Footer:** At the very bottom, include a concluding sentence: "{{footer_copy}

2. 実績証明（スクリーンショット風リスト）

変数一覧（このセクションで置換が必要な項目）

(a) デザインスタイル指示

背景は純白(#FFFFFF)を基調とした、中央寄せの縦長レイアウト(スマートフォン表示最適化)。

メインアクセントカラーはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン

(#10B981)。ハイライトには蛍光ライトイエロー(#FFEE58)を使用。本文テキストは濃いチャコ

ール(#1A1A1A)。見出しは日本語の極太ゴシック体で、重要語句は白抜き赤背景や黒文字+蛍光

黄下線で強調。数字は大きく太い赤色のサンセリフ体で目立たせる。セクション見出しの前後

には「=」の装飾線を配置。緑の丸チェックアイコンや赤いチェックマーク絵文字も活用する。

成果数値は手書き風の赤い筆文字でオーバーレイ表示。写実的な人物写真や既存ブランドロゴ

は使用しない。

(b) レイアウト・全体構成指示

画面中央に、入金履歴を模した縦長のリストを配置します。このリストは白いカード内にあ

り、{{リスト行数}}行の取引履歴で構成されます。各行は、左側に緑の円形アイコン（カード/振

込マーク）と、一部がモザイク処理された{{取引ラベルN}}を配置し、右側には緑色で大きく表

示された{{金額N}}を置きます。リストの右横には、名前のない抽象的なマスコットキャラクタ

変数名

説明

記入例

表示する実績リストの行数。

N番目の取引内容を示すラベル

（Nは1からの連番）。

〇〇様からのご入金

N番目の取引金額（Nは1からの

連番）。

¥1,234,567

リスト下部に表示し、実績の信

頼性を補強するテキスト。

これらはほんの一部です。再現

性の高いノウハウで…

セクション全体を要約する主見

出し。

信頼の証！圧倒的な成果をご覧

ください

ーの円形アバターを配置してください。カードの下には、黒い本文で{{実績訴求文}}を記述し、

文中の特定語句は赤色の太字と蛍光イエローの下線で強調します。セクションの最下部には、

大見出しとして{{実績見出し}}を大きく表示してください。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

以下の指示に厳密に従って、高品質なLPのセクション画像を生成してください。これは実績を証明するため

【デザインスタイル（厳守）】

- **背景とレイアウト:** 背景は純白(#FFFFFF)。スマートフォンでの閲覧に最適化された、中央寄せの

- **配色:** メインアクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#1

- **フォントと強調:** 見出しは極太の日本語ゴシック体。重要語句は「白抜き文字+赤背景」または「黒

- **装飾:** セクション見出しの前後には「＝＝＝＝＝」のような装飾線を配置。アイコンとして緑の丸

- **禁止事項:** 実在する人物の写実的な顔写真、既存のブランドロゴ、英語が主体となるレイアウト、

【レイアウトと構成要素】

- **主題:** 金銭的な成果を示す、入金・振込履歴のようなスクリーンショット風のリスト。

- **メイン要素:** 画面中央に配置された白いカード。このカード内に、{{リスト行数}}行から成る取引

- **リストの各行:** 各行の左端には、緑色の円形アイコン（クレジットカードや振込を象徴するマーク

- **アバター:** リストカードの右側には、名前のない抽象的なマスコットキャラクターの円形アバター

- **訴求文:** リストカードの下に、黒い本文で{{実績訴求文}}を記載する。この文中の特定の語句は、

- **大見出し:** 画像の最下部に、セクション全体を代表する{{実績見出し}}を、非常に大きくインパク

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a vertical, long, mobile-first landing page section image with a

**Design Style (Strictly Enforced):**

- **Layout:** Centered, single-column vertical layout on a pure white background

- **Primary Accent Color:** Deep Red (e.g., #B91C1C, #C0282A).

- **Secondary Accent Color:** Emerald Green (e.g., #10B981, #2DB36F).

- **Highlight Color:** Fluorescent Light Yellow (e.g., #FFEE58) for underlines a

- **Text Color:** Dark charcoal (#1A1A1A) for body text.

- **Typography:** Use a bold, sans-serif Japanese Gothic font for headlines. Emp

- **Decorative Elements:** Use '=======' as a separator line before and after se

- **Prohibitions:** Do not use photorealistic images of real people, existing b

**Content and Layout:**

- **Overall Scene:** A section proving credibility with a list of financial achi

- **Main Element:** A prominent white card in the center containing a list of t

- **List Row Structure:** Each row must have a green circular icon (representing

- **Avatar:** To the right of the list card, place a simple, circular avatar of

- **Caption Text:** Below the list card, display the caption `{{proof_caption}}

- **Main Headline:** At the very bottom of the image, place the main headline `

3. 実績の証明と理念の表明

変数一覧（このセクションで置換が必要な項目）

(a) デザインスタイル指示

スマホファーストの縦長レイアウト。背景は純白(#FFFFFF)で中央寄せ。メインアクセントはデ

ィープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#10B981)。蛍光ライトイエロ

ー(#FFEE58)のマーカーで語句を強調。本文は濃いチャコール(#1A1A1A)。見出しは極太ゴシッ

ク体で、重要語句は白抜き赤背景や蛍光黄下線で目立たせる。数字は肥大した赤色サンセリ

変数名

説明

記入例

管理画面に表示される売上の総

額

1億2,345万円

管理画面に表示される未処理の

金額

3,456,789円

売上明細テーブルの期間A

今月

売上明細テーブルの金額A

+1,234,567円

売上明細テーブルの状態A

処理済み

売上明細テーブルの期間B

先月

売上明細テーブルの金額B

+9,876,543円

売上明細テーブルの状態B

処理済み

著者のハンドルネームや肩書き

プロンプトデザイナー・Taro

実績の背景にある理念や哲学を

語る文章

これだけの成果は、単なる偶然

ではありません。

リード文の中で特に強調したい

キーワード

再現性のあるメソッド

次のセクションへの期待感を煽

る導入見出し

その全てを、あなたに。

フ。装飾としてイコール記号の線や緑のチェックアイコンを使用。手書き風の筆文字も取り入

れる。写実的な人物写真や既存ロゴは使用しない。

(b) レイアウト・全体構成指示

上部に管理画面風のスクリーンショット要素を配置します。この要素内には、緑の帯に『総額

{{売上総額}}』、その下に『未処理{{未処理金額}}』と表示。さらに『{{期間A}}／{{金額A}}／{{状

態A}}』形式の明細テーブルを描画し、重要数字には赤の手書き風下線を引きます。スクリーン

ショットの右横には、抽象的な円形アバターと『{{著者ハンドル}}』を配置。中段には、理念を

語る『{{リード文}}』を置き、その中の『{{強調文}}』は赤太字と蛍光下線で強調します。最下部

には、次のコンテンツへの導入となる超極太の『{{次セクション見出し}}』を大きく配置し、ユ

ーザーを下に誘導します。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

信頼性を証明するための実績と、著者の理念を伝えるためのLPセクション画像を生成してください。縦長の

【デザインスタイル（厳守）】

- **レイアウト**: 背景は純白(#FFFFFF)、中央寄せの縦長構成。

- **配色**: メインアクセントはディープレッド(#B91C1C〜#C0282A)、サブアクセントはエメラルドグ

- **フォント**: 見出しは日本語の極太ゴシック体（Noto Sans JP Black相当）。重要語句は「白抜

- **装飾**: セクション見出しの前後には「＝＝＝＝＝」のような装飾線、緑色の丸いチェックアイコン

- **禁止事項**: 実在する人物の写実的な顔写真、既存のブランドロゴ、英語が主体となるレイアウト、

【レイアウト・構成】

- **上部**: 売上管理画面を模したスクリーンショット風の要素を配置。上部に緑色の帯で『総額 {{売

- **右側**: 抽象的な円形のアバターと著者のハンドル名『{{著者ハンドル}}』を配置。

- **中段**: 理念を語る本文『{{リード文}}』を配置。文中の『{{強調文}}』は赤色の太字＋蛍光イエ

- **最下部**: 次のセクションへ誘導するための、非常に大きな極太の見出し『{{次セクション見出し}

全体として、写真ではなくグラフィックデザインによって信頼性と力強いメッセージを伝える、クリーンで

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a vertical, smartphone-first landing page section image. This se

**Design Style (Strictly adhere to these):**

- **Layout:** Centered, vertical, long scroll format on a pure white background

- **Color Palette:** Use deep red (#B91C1C to #C0282A) as the main accent, emera

- **Typography:** Headings use an extra-bold Japanese Gothic font (equivalent to

- **Decorative Elements:** Use double-dashed lines (like '=======') around secti

- **Restrictions:** Do not use photorealistic images of real people, existing b

**Layout and Composition:**

- **Top Area:** A screenshot-style element of a financial dashboard. At the top

- **Right Side:** Place an abstract circular avatar next to the author's handle

- **Middle Section:** Display the main body text, '{{lead_text}}'. Within this

- **Bottom Area:** A very large, extra-bold heading with the text '{{next_sectio

This image should look clean, professional, and highly credible, using graphic d

4. ケーススタディ（成果証明・明細型）

変数一覧（このセクションで置換が必要な項目）

変数名

説明

記入例

利用者の属性と得られた成果を

一行で表現する見出し

「知識ゼロの主婦がブログで月

収100万円達成！」

利用者の専門分野や状況を示す

短いラベル

「パート主婦・2児の母」

明細表の日付列に表示する日付

（複数可）

2023/10/05

明細表の内容列に表示する項目

名（複数可）

アフィリエイト報酬

明細表の金額列に表示する数値

（複数可）

¥150,000

成果を得た利用者の特徴や導入

したものの名称

「新手法」

導入によって得られた具体的な

成果

「月収7桁」

証言の導入となる短いリードコ

ピー

「信じられないかもしれません

が、これは事実です。」

利用者の具体的な体験談や推薦

文

「以前は普通の主婦だった私

が、このノウハウに出会って人

生が変わりました...」

(a) デザインスタイル指示

スマホファーストの縦長レイアウト。背景は純白(#FFFFFF)で、コンテンツは中央に配置。メイ

ンアクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#10B981)。

見出しは極太ゴシック体を使用し、重要語句は白抜き赤背景や黒文字＋蛍光イエロー(#FFEE58)

下線で強調。数字は大きく赤いサンセリフ体で目立たせる。セクション区切りにイコール記号

の装飾線を使い、緑の丸チェックアイコンや赤のチェックマーク絵文字でリストを装飾。リア

ルな人物写真や既存ブランドロゴは使用しない。

(b) レイアウト・全体構成指示

最上部に太いイコール記号（＝＝＝）で挟まれた極太ゴシックの見出し {{ケース見出し}} を配

置。その直下に {{属性ラベル}} を小さく表示。中央部には、銀行の振込明細を模したシンプルな

表を大きく配置する。表には「日付」「内容」「金額」の列があり、それぞれ {{日付}} {{取引ラベ

ル}} {{金額}} のデータが入る。この明細表の画像の上に、赤い手書き筆文字風のテキストで

「{{ケース主の特徴}} 導入後 → {{成果文}} 」というフレーズを斜めに大きくオーバーレイさせる。

表の下には、{{リード文}} と {{証言文}} からなる本文テキストを配置。本文中の特に強調したい

部分は、赤色の太字と蛍光イエローの下線で際立たせる。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

# 命令

ランディングページ用のセクション画像を生成してください。以下に示すスタイルガイド、レイアウト構成

## 画像のテーマ

「`{{ケース見出し}}`」という成果を達成した利用者の成功事例を、銀行の振込明細表を模したビジュア

## 全体のデザインスタイル

- **レイアウト**: スマートフォンでの閲覧に最適化された、縦長のシングルカラムレイアウト。全要素

- **背景**: 純白（#FFFFFF）。

- **配色**: メインのアクセントカラーは力強いディープレッド（#B91C1C）。サブのアクセントカラー

- **フォント**: 見出しは非常に太い日本語ゴシック体（Noto Sans JP Black相当）。本文は濃いチ

- **禁止事項**: 実在の人物が特定できる顔写真、他社のロゴや商標、3Dや写実的な背景は一切使用しな

## レイアウトと構成要素

1. **セクションヘッダー**: 画面最上部に、太いイコール記号の装飾線（＝＝＝＝＝）を上下に配置し

2. **中心要素（明細表）**: 画面中央に、銀行のオンライン明細や通帳を模したシンプルな表を大きく

3. **オーバーレイテキスト**: 明細表の上に、目を引くように、赤い手書きの筆文字風フォントで「`

4. **ボディコピー**: 明細表の下に、`{{リード文}}` で始まる導入文と、それに続く `{{証言文}}

5. **装飾**: 証言文の箇条書き部分には、エメラルドグリーンの丸の中に白いチェックマークが入った

## 最終的な画像の印象

信頼性とインパクトを両立させ、具体的な証拠（明細表）と感情的なストーリー（証言）を組み合わせて、

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

# Instruction

Generate a section image for a landing page. Strictly adhere to the style guide

## Image Theme

A case study image that proves the success of a user who achieved the result of

## Overall Design Style

- **Layout**: A vertically long, single-column layout optimized for smartphone v

- **Background**: Pure white (#FFFFFF).

- **Color Palette**: The main accent color is a strong deep red (#B91C1C). The s

- **Fonts**: Headlines use a very bold Japanese Gothic type (equivalent to Noto

- **Prohibitions**: Do not use any personally identifiable real person photos, o

## Layout and Components

1. **Section Header**: At the very top of the screen, place the main headline

2. **Central Element (Statement Table)**: In the center of the screen, prominen

3. **Overlay Text**: Superimpose a large, eye-catching text overlay diagonally

4. **Body Copy**: Below the statement table, place an introductory sentence sta

5. **Decorations**: For bullet points within the testimonial, use an emerald g

## Final Image Impression

Create a persuasive design that balances credibility and impact. It should stron

5. ケーススタディ（実績ダッシュボード型）

変数一覧（このセクションで置換が必要な項目）

変数名

説明

記入例

セクション全体の見出し。

「導入企業の実績」

管理画面に表示される取引や活

動の履歴リスト。

「売上確定: +50,000円」

「新規リード獲得: 〇〇様」

ダッシュボードで強調したい主

要な数値（残高等）。

「総売上: 1,250,000円」

「当月利益: 300,000円」

(a) デザインスタイル指示

背景は純白(#FFFFFF)の縦長レイアウト。メインアクセントはディープレッド(#B91C1C)、サブ

アクセントはエメラルドグリーン(#10B981)。蛍光ライトイエロー(#FFEE58)のマーカーと濃い

チャコール(#1A1A1A)の本文テキスト。見出しは極太ゴシック体を使用し、重要語句は白抜き赤

背景や蛍光黄下線で強調。数字は大きく赤いサンセリフ体で表示。緑の丸チェックアイコンや

赤いチェックマーク絵文字、手書き筆文字風のオーバーレイを装飾として使用する。写実的な

人物写真や既存ロゴは使用しない。

(b) レイアウト・全体構成指示

最上部に「＝＝＝＝＝」の装飾線で囲んだ黒極太ゴシックの見出し「{{ケース見出し}}」を配

置。中央にWeb管理画面風のモックアップを設置し、そのメインパネルに{{取引履歴項目}}のリ

スト、{{主要数値項目}}を明示。右カラムには{{補助情報項目}}と{{継続課金情報}}を表示する。

管理画面の画像上には、赤い手書き筆文字で「{{ケース主の特徴}}導入後 → {{成果文}}」という

テキストを大きくオーバーレイする。画像下には、リード文と{{証言文ブロック}}を配置し、証

言内の重要箇所は赤太字と蛍光下線で強調する。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

以下の詳細な指示に基づき、日本語のランディングページ向けセクション画像を生成してください。このセ

【デザインスタイル（厳守）】

* **レイアウト:** 純白背景(#FFFFFF)の中央寄せ縦長レイアウト（スマホファースト）。

* **配色:** メインアクセントはディープレッド(#B91C1C〜#C0282A)、サブアクセントはエメラル

* **タイポグラフィ:** 見出しは極太の日本語ゴシック体。数字は赤色の極太サンセリフで大きく強調

右カラムに表示する補足的な情

報リスト。

「次の入金予定: 3日後」

「平均顧客単価: 25,000円」

サブスクリプション等の継続的

な支払いに関する項目。

「請求サイクル: 毎月25日」

このケーススタディの主語とな

る人物や企業の特徴。

「未経験だったAさん」

「新サービス」

導入後の具体的な成果を示す短

いフレーズ。

「月収7桁を達成！」

「利益率が20%改善」

導入者による具体的な体験談や

推薦文。

「このツールのおかげで、今ま

で手作業だった業務が自動化さ

れ、本当に助かっています…」

* **装飾要素:** セクション見出しの前後には「＝＝＝＝＝」の装飾線、緑丸チェックアイコン、赤チ

* **禁止事項:** 写実的な人物写真、実在のブランドロゴ、英語主体のデザイン、3Dやフォトリアルな

【レイアウト・構成】

1. 最上部に、黒色の極太ゴシック体で「＝＝＝＝＝ {{ケース見出し}} ＝＝＝＝＝」と表示する。

2. 中央の主要要素として、ウェブ管理画面風のスクリーンショット（モックアップ）を配置する。UIは

3. 管理画面のメインパネルには、{{取引履歴項目}}を表すリスト形式のデータを複数行表示する。

4. {{主要数値項目}}として、重要な業績指標を明確に表示する。

5. 画面右側のカラム（サイドバー）には、{{補助情報項目}}や{{継続課金情報}}などの補足情報を配置

6. スクリーンショットの上に、赤い手書き筆文字風の大きな文字で「{{ケース主の特徴}}導入後 → {{

7. 管理画面画像の下に、リード文に続いてユーザーの証言として「{{証言文ブロック}}」を配置する。

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a section image for a Japanese landing page based on the followi

**Design Style (Strictly adhere to these rules):**

* **Layout:** Smartphone-first, vertically long, centered layout on a pure whi

* **Color Palette:** Use deep red (#B91C1C to #C0282A) as the main accent, eme

* **Typography:** Headings must be in an extra-bold Japanese Gothic font (equi

* **Decorative Elements:** Use double-dashed lines (e.g., '=======') around se

* **Prohibitions:** Do not use realistic photos of people, existing brand logo

**Layout and Composition:**

1. At the top, display the main heading '{{case_headline}}' in extra-bold blac

2. The central element is a mock-up of a web application's dashboard screen. Th

3. The main panel of the dashboard should display a list of transaction-like i

4. Prominently display key performance indicators, labeled as '{{main_numeric_i

5. A right-hand sidebar should contain secondary information, such as '{{auxili

6. Overlay a large, handwritten, red brush-stroke text across the dashboard sc

7. Below the dashboard image, include a lead-in sentence followed by the user's

6. 導入事例：成果テーブルと導入効果

変数一覧（このセクションで置換が必要な項目）

変数名

説明

記入例

このケーススタディセクション

全体の見出し

「導入企業様の成功事例」

(a) デザインスタイル指示

背景は純白(#FFFFFF)の中央寄せ縦長レイアウト。スマホ表示に最適化。メインアクセントはデ

ィープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#10B981)。ハイライトは蛍光

ライトイエロー(#FFEE58)。本文は濃いチャコール(#1A1A1A)。見出しは極太ゴシック体で、重

要語句は白抜き赤背景か蛍光黄下線で強調。数字は赤色の極太サンセリフで大きく表示。セク

ション見出しの前後にはイコール記号の装飾線、緑の丸チェックアイコン、赤のチェックマー

ク絵文字を使用。成果数値は赤い筆文字風のテロップで表現。実在の人物写真、ブランドロ

ゴ、英語主体のデザイン、3Dや写実的な背景は使用しない。

(b) レイアウト・全体構成指示

ページ上部に『＝＝＝ {{ケース見出し}} ＝＝＝』と黒極太ゴシックで表示。その直下に、月次

成果を示すデータテーブルを配置。テーブルは左列に{{月ラベル1}}などを、内容列に{{指標1}}

などを記載。最終行{{ハイライト行}}は赤太枠で強調する。テーブル下には、赤い手書き筆文字

風のテロップで『{{ケース主の特徴}}導入後 → 売上{{成果金額}}』と大きく記載。その下にリー

ド文『{{導入背景}}』と証言『{{引用語句}}』を配置。最後に、赤チェックマーク(✔️)を先頭につ

けた『{{共通する効果箇条書き}}』の4項目リストをバランス良く表示する。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

成果テーブルの1行目の期間ラ

ベル

「導入初月」

成果テーブルの1行目の成果内

容

「アクセス数が200%に増加」

成果テーブルで最も強調したい

行のテキスト

「6ヶ月で売上目標1,000万円を

達成！」

事例の主語となる顧客の属性や

名前

「個人事業主A様」

導入によって達成された最終的

な成果金額

「月商500万円」

顧客がサービス導入に至った背

景や課題

「集客の自動化に課題を感じて

いました。」

顧客の声や推薦文からの引用

「『このツールなしでは事業が

回りません』」

導入メリット箇条書きの1項目

目

「・24時間365日、自動で顧客

対応が可能に」

Plain Text

日本の情報商材LP風の、縦長スマホ向けセクション画像を生成してください。内容は、月次売上推移を示す

【デザインスタイル（厳守）】

* **レイアウト:** 純白背景(#FFFFFF)の中央寄せ縦長レイアウト。スマホファースト。

* **配色:** メインアクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン

* **フォント:** 見出しは日本語の極太ゴシック体。重要語句は白抜き赤背景または蛍光黄色の下線で

* **装飾:** セクション見出しの前後を「＝＝＝＝＝」線で囲む。箇条書きには緑の丸チェックアイコ

* **禁止事項:** 実在人物の写真、既存ロゴ、英語主体のデザイン、3D・写実的な背景は使用しない。

【レイアウトと構成（変数使用）】

1. **見出し:** 最上部に「＝＝＝ {{ケース見出し}} ＝＝＝」を黒の極太ゴシックで配置。

2. **データテーブル:** 見出しの直下に、月次成果を示すテーブルを設置。左列に{{月ラベル1}}など

3. **成果テキスト:** テーブルの下に、赤い手書き筆文字風のテロップで「{{ケース主の特徴}}導入後

4. **リード文:** テロップの下に、導入背景として「{{導入背景}}」という文章を配置。

5. **お客様の声:** 続けて「{{引用語句}}」という証言を記載。

6. **メリット箇条書き:** ページ後半に、導入効果を示す4項目の箇条書きリストを配置。各項目（{{

全体として、一枚の連続した縦長の画像になるように、各要素をバランス良く配置してください。

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Create a vertically long landing page section image for smartphones, optimized f

**Design Style (Strictly adhere to these rules):**

* **Layout:** Centered, single-column vertical layout on a pure white backgrou

* **Color Palette:** Primary accent is deep red (#B91C1C), secondary accent is

* **Typography:** Headings use a bold, black Japanese Gothic font (equivalent

* **Decorative Elements:** Frame the main section heading with '=======' deco

* **Prohibitions:** Do not use photorealistic images of real people, existing

**Layout and Content Composition (Use placeholders):**

1. **Main Headline:** At the top, display the headline '====== {{case_headline}

2. **Data Table:** Immediately below the headline, place a data table showing m

3. **Key Achievement Overlay:** Below the table, overlay a prominent, red, hand

4. **Introductory Text:** Below the overlay, include a lead sentence: `{{introd

5. **Testimonial Quote:** Follow with a testimonial quote: `{{testimonial_quote

6. **Bulleted List of Benefits:** In the lower half, display a four-item bulle

This entire composition should be a single, cohesive, vertically long image, res

7. 中間CTA（オファー提示）

変数一覧（このセクションで置換が必要な項目）

(a) デザインスタイル指示

スマホファーストの縦長レイアウト。背景は純白(#FFFFFF)で、コンテンツは中央に配置。メイ

ンアクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#10B981)。

見出しは極太ゴシック体、重要語句は白抜き赤背景や蛍光イエロー(#FFEE58)のマーカーで強

調。数字は赤く大きく表示。セクション見出しには装飾線、箇条書きにはアイコンを使用。実

在人物の写真や既存ロゴ、3D、フォトリアルな背景は使用しない。

(b) レイアウト・全体構成指示

画面上部中央に、黒色の極太ゴシック体で{{オファー見出し}} を3行にわたり大きく配置します。

その下に、{{特典数}} を強調しつつ、各項目の先頭に赤チェック絵文字が付いた{{特典リスト}} を

箇条書きで表示します。次に、{{プレースホルダ文言}} という薄い文字が入ったメールアドレス入

力フィールドを描画します。その直下には、緑のチェックマークアイコン付きのエメラルドグ

リーンの丸みを帯びたボタンを設置し、{{CTAボタン文言}} を白抜き文字で入れます。ボタン下に

変数名

説明

記入例

オファーの魅力を伝える3行程

度の見出し。

今すぐ無料で\n特別レポートを

\n受け取る

オファーに含まれる特典を箇条

書きで列挙したテキストブロッ

ク。

・限定ビデオ講義\n・秘密のチ

ェックリスト\n・個別相談（30

分）

特典の総数。

3大

メールアドレス入力欄に表示す

るプレースホルダーテキスト。

メールアドレスを入力してくだ

さい

コールトゥアクションボタンに

表示するテキスト。

無料で手に入れる

CTAボタンの下に表示する補足

情報（免責事項など）。

ご登録後、いつでも配信解除で

きます。

次のセクションへの期待感を高

める見出し。

さらに、このレポートでは…

は{{補足文}} を小さなグレー文字で添え、セクションの最下部に次のコンテンツへの橋渡しとな

る{{トランジション見出し}} を配置して締めくくります。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

スマートフォン向けの縦長ランディングページの一部として、中間CTA（オファー提示）セクションの画像

## 基本デザイン指示

- **レイアウト**: 純白（#FFFFFF）背景の中央寄せ縦長レイアウト。スマホファースト。

- **配色**: メインアクセントはディープレッド（#B91C1C）、サブアクセントはエメラルドグリーン

- **タイポグラフィ**: 見出しは極太ゴシック体。重要語句は白抜き赤背景や蛍光マーカーで強調。数字

- **グラフィック**: 緑の丸チェックアイコンや赤チェックマーク絵文字（✅）などのシンプルな装飾を

## レイアウトと構成要素（変数使用）

1. **オファー見出し**: セクション最上部に、黒の極太ゴシック体で`{{オファー見出し}}`を3行程度

2. **特典リスト**: 見出しの下に、`{{特典リスト}}`を箇条書きで表示。各項目の先頭に赤いチェッ

3. **入力フォーム**: 特典リストの下に、メールアドレス入力欄を模した薄いグレーの長方形を配置。

4. **CTAボタン**: 入力フォームの直下に、エメラルドグリーンの目を引くボタンを配置。ボタン内に

5. **補足文**: ボタンの下に、`{{補足文}}`を薄いグレーの小さな文字で添える。

6. **トランジション見出し**: セクションの末尾に、次のブロックへの期待を煽る`{{トランジション

## 禁止事項

固有名詞（商品名、サービス名、人名）、具体的な数値（金額、日付）は一切含めず、すべて`{{変数}}`

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a section of a vertical landing page for a smartphone-first view

**Overall Design Style:**

- **Layout:** Centered, vertical, long-scrolling format on a pure white backgrou

- **Color Palette:** Primary accent is deep red (#B91C1C), secondary is emerald

- **Typography:** Headings use a bold, black Japanese Gothic font. Key numbers a

- **Graphics:** Use simple graphic elements like green checkmark icons and red c

**Layout and Content (using placeholders):**

1. **Main Headline:** At the top, prominently display the main offer headline:

2. **Benefit List:** Below the headline, show a bulleted list of benefits: `{{b

3. **Input Field:** Under the list, place a mock email input field. This should

4. **CTA Button:** Immediately below the input field, display a large, clickab

5. **Disclaimer:** Beneath the button, add a small, light-gray text note: `{{di

6. **Transition:** At the very bottom of the section, include a transitional he

**Strict Instructions:** Do not use any specific product names, personal names,

8. ケーススタディ（銀行口座入金明細型）

変数一覧（このセクションで置換が必要な項目）

(a) デザインスタイル指示

変数名

説明

記入例

状況が劇的に改善したことを示

す、注意を引く見出し

借金地獄から月収7桁へ

銀行明細書風画像のヘッダー部

分に入るテキスト

オンラインバンキングご利用明

細

明細書内の出金項目を示すラベ

ル

お引出し

明細書内の入金項目を示すラベ

ル

お預入れ

取引の種類を示すラベル

振込

取引金融機関名

ABC銀行

取引内容の詳細

コンサルティング報酬

強調表示する高額な入金額

1,000,000円

この成功事例の主役の属性や背

景

PC音痴の50代主婦

導入後の結果を簡潔にまとめた

キャッチフレーズ

たった3ヶ月で人生逆転！

サービス利用前の顧客の悩みや

不安を記述した文章

将来への不安で夜も眠れません

でした…

成果が出たことに対する顧客の

驚きや感動を表す文章

まさか私がこれほどの金額を手

にできるなんて！

サービス利用後のポジティブな

変化や心境を記述した文章

今では自信を持って毎日を過ご

せています。

背景は純白(#FFFFFF)の縦長レイアウト。メインカラーはディープレッド(#B91C1C)、サブカラ

ーはエメラルドグリーン(#10B981)。見出しは極太ゴシック、重要語句は白抜き赤背景か蛍光イ

エロー(#FFEE58)マーカーで強調。数字は赤く巨大なサンセリフ体。セクション見出しにはイコ

ール装飾線、緑丸チェックアイコン、赤チェックマーク絵文字を使用。成果数値は赤い手書き

風文字でオーバーレイ。リアルな人物写真、既存ロゴ、3D背景は使用しない、スマホファース

トな中央寄せデザイン。

(b) レイアウト・全体構成指示

画面最上部に「＝＝＝＝＝」装飾線と「{{ケース見出し（状況→大復活型）}}」を極太ゴシック

で配置。その下に、中央に配置された銀行入出金明細風の表を大きく表示。表のヘッダーには

「{{ヘッダー情報}}」、明細行には「{{出金}}」「{{入金}}」「{{取引区分}}」「{{金融機関}}」「{{摘

要}}」の項目を設け、1件の取引で「{{大口金額}}」が入金されたことをピンクの枠で強調する。

この明細画像の上に、赤い手書き風フォントで「『{{ケース主の特徴}}』導入後 → {{成果文}}」と

いうテキストをオーバーレイさせる。画像下部には、黒文字の本文エリアを設け、「{{不安文}}」

→「{{驚き文}}」→「{{変化文}}」の順でストーリーを展開。文章中の重要なキーワードは赤太

字や蛍光イエローの下線で強調する。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

# 指示

あなたはプロのグラフィックデザイナーです。以下の要件に従って、情報商材LPの「ケーススタディ」セク

# 要件

## 1. 全体デザイン

- **レイアウト:** 中央揃えの縦長レイアウト。スマホファースト。

- **背景:** 純白 (#FFFFFF)。

- **メインカラー:** ディープレッド (#B91C1C)。

- **アクセントカラー:** エメラルドグリーン (#10B981)、蛍光ライトイエロー (#FFEE58)。

- **フォント:** 本文は濃いチャコール(#1A1A1A)のゴシック体。見出しは極太ゴシック(Noto Sans

- **禁止事項:** 写実的な人物写真、既存のブランドロゴ、3Dやフォトリアルな背景。

## 2. 構成要素

1. **大見出し:** 画面最上部に「＝＝＝＝＝」の装飾線を上下に引き、その中央に「{{ケース見出し（

2. **銀行明細風画像:**

- 中央に、オンラインバンキングの入出金明細のスクリーンショット風の表を配置。

- ヘッダーには「{{ヘッダー情報}}」と表示。

- 明細の項目名は「{{出金}}」「{{入金}}」「{{取引区分}}」「{{金融機関}}」「{{摘要}}」と

- 明細は1行のみとし、「{{摘要}}」の欄に「{{大口金額}}」が入金された記録を明確に示す。この

3. **手書き風オーバーレイ:**

- 明細風画像の上に、赤い筆文字のような手書き風フォントで「『{{ケース主の特徴}}』導入後 →

4. **本文ストーリー:**

- 画像の下部に、読みやすいゴシック体で以下の3つの文章を配置。

- 導入前の不安: 「{{不安文}}」

- 成果への驚き: 「{{驚き文}}」

- 未来への希望: 「{{変化文}}」

- 文章中の特定の単語をディープレッドの太字や蛍光イエローのマーカーでハイライトする。

## 3. 強調表現

- 「{{大口金額}}」の数字は、特に大きく、肥大した赤色のサンセリフ極太フォントで描画し、視覚的な

- 緑色の丸いチェックアイコンや、赤いチェックマークの絵文字を適宜配置して、ポジティブな印象を補強

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

# Instruction

You are a professional graphic designer. Please generate a vertical image for th

# Requirements

## 1. Overall Design

- **Layout:** Centered, vertical layout. Mobile-first.

- **Background:** Pure white (#FFFFFF).

- **Main Color:** Deep red (#B91C1C).

- **Accent Colors:** Emerald green (#10B981), fluorescent light yellow (#FFEE58

- **Fonts:** Body text in a dark charcoal (#1A1A1A) Gothic font. Headlines in an

- **Prohibited:** Photorealistic images of real people, existing brand logos, 3D

## 2. Components

1. **Main Headline:** At the very top of the screen, place the text "{{case_head

2. **Bank Statement-style Image:**

- In the center, place a table that looks like a screenshot of an online ban

- The header should display "{{header_info}}".

- The column headers should be "{{debit_label}}", "{{credit_label}}", "{{tra

- Show only one transaction line, clearly indicating a deposit of "{{large_a

3. **Handwritten-style Overlay:**

- Overlay the text "After implementing '{{client_profile}}' → {{result_state

4. **Body Story:**

- Below the image, place the following three sentences in an easy-to-read Go

- Anxiety before: "{{anxiety_statement}}"

- Surprise at the result: "{{surprise_statement}}"

- Hope for the future: "{{change_statement}}"

- Highlight specific words in the text with deep red bolding or a fluorescen

## 3. Emphasis

- Render the numbers in "{{large_amount}}" in an especially large, bold, and inf

- Strategically place green circular check icons and red checkmark emojis to rei

9. ケーススタディ（月次データテーブル＋件数強調型）

変数一覧（このセクションで置換が必要な項目）

(a) デザインスタイル指示

スマホファーストの縦長LP画像。背景は純白(#FFFFFF)。メインアクセントはディープレッド

(#B91C1C)、サブにエメラルドグリーン(#10B981)を使用。見出しは極太ゴシック体、重要語句

は白抜き赤背景や蛍光イエロー(#FFEE58)下線で強調。本文は濃いチャコール(#1A1A1A)。数字

は肥大した赤色サンセリフで目立たせる。緑のチェックアイコンや手書き風の筆文字で装飾

し、生き生きとした印象を与える。写実的な人物写真は使用しない。

(b) レイアウト・全体構成指示

変数名

説明

記入例

セクション全体の主題を示す、

課題と解決策を暗示する見出

し。

「手作業の入力業務がゼロに！

月80時間の余裕が生まれた」

テーブル内の各月のラベル。

4月、5月、6月...

各月の実績件数。

10件、25件、80件...

各月の売上やコストなどの金

額。

15万円、40万円、120万円...

テーブル内で特に強調したい行

の月ラベル。

6月

この事例の対象者の属性や業

種。

「従業員5名の小規模EC事業者

様」

導入後の最終的な成果金額。

120万円

ツールやサービス導入前の状況

や課題を説明するテキスト。

「以前は毎日の受注処理に2時

間以上かかっていました。」

ツールやサービスの導入プロセ

スや使用感に関する短い説明。

「本ツールを導入したところ、

ワンクリックで全自動化…」

導入後の具体的な成果や感想を

述べた顧客の声。

「今では完全に手放しで売上が

伸び続けています！」

最上部に「＝＝＝＝＝」の装飾線で挟んだ極太ゴシックの見出し『{{ケース見出し（問題→解決

型）}}』を配置。その下に、濃いグレーのヘッダーを持つ月次データテーブルを中央に設置。テ

ーブルは「月」「件数」「金額」の列（{{月ラベル1〜N}}, {{件数1〜N}}, {{金額1〜N}}）で構成

し、指定された行（{{ハイライト行}}）をハイライト表示する。テーブル下には、赤い手書き筆

文字で『{{ケース主の特徴}}導入後 → 売上{{成果金額}}』という成果を大きくオーバーレイす

る。最後に、導入前の状況『{{前提条件}}』、導入体験『{{ツール導入体験}}』、そして強調箇所

（赤太字＋蛍光下線）を含む『{{証言文}}』へと続くテキストブロックを配置する。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

スマートフォン向けの縦長LP画像として、ケーススタディを紹介するセクションを生成してください。デー

【デザインとスタイル】

- 全体：純白背景(#FFFFFF)の中央寄せ縦長レイアウト。

- 配色：メインアクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#10B98

- フォント：見出しは極太ゴシック体。重要語句は白抜き赤背景または黒文字＋蛍光黄下線で強調。数字は

- 装飾：見出し前後のイコール装飾線(======)、緑丸チェックアイコン、赤チェックマーク絵文字、手書

- 禁止事項：実在の人物写真、既存ロゴ、3D背景。

【レイアウト構成】

1. **見出し**：最上部に「＝＝＝＝＝」の線で挟まれた極太ゴシック体の見出し「{{ケース見出し（問題

2. **月次データテーブル**：中央に濃いグレーのヘッダーを持つテーブルを配置。列は「{{月ラベル1〜

3. **成果サマリー**：テーブル直下に、赤い手書き筆文字風の大きな文字で「{{ケース主の特徴}}導入

4. **証言ブロック**：最後にリード文として「{{前提条件}}」から「{{ツール導入体験}}」への流れを

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a vertically long landing page section image for smartphones, de

**Overall Design & Style:**

- **Layout:** Single-column, vertical, centered layout on a pure white backgroun

- **Color Palette:** Use deep red (#B91C1C) as the primary accent, emerald green

- **Typography:** The main headline uses an extra-bold Japanese Gothic font (sim

- **Decorative Elements:** Use '=====' lines to frame the section headline. Inco

- **Exclusions:** Do not use photorealistic images of people, existing brand log

**Layout & Composition (Top to Bottom):**

1. **Headline:** At the top, display the headline '{{case_headline}}' in extra

2. **Data Table:** Centered below the headline, create a table with a dark gray

3. **Result Summary:** Below the table, overlay a large, handwritten red brush

4. **Testimonial Block:** Conclude with a text block containing the user's sto

10. ケーススタディ（複合型：リスト＋カード）

変数一覧（このセクションで置換が必要な項目）

(a) デザインスタイル指示

背景は純白(#FFFFFF)のスマホファースト縦長レイアウト。メインアクセントにディープレッド

(#B91C1C)、サブアクセントにエメラルドグリーン(#10B981)を使用。見出しは極太ゴシック体

(Noto Sans JP Black相当)で、重要語句は白抜き赤背景か黒文字+蛍光イエロー(#FFEE58)下線

変数名

説明

記入例

上半分のケーススタディの見出

し

お客様の導入事例（A社様）

取引リストに表示する日時（複

数）

2023/10/26 15:04

取引リストに表示する金額（複

数）

¥50,000

ケースAで導入したものの特徴

新機能X

ケースA導入によって得られた

成果

月次収益150%アップ

ケースAの状況を説明するリー

ド文

これまで手作業で行っていた業

務を自動化し…。

下半分のケーススタディの見出

し

パートナーとの連携実績

詳細カードに記載する項目

契約期間: 3年 / プラン: エンタ

ープライズ

ケースBで導入したものの特徴

連携モジュールY

ケースB導入によって得られた

成果

開発コスト50%削減

ケースBの状況を説明するリー

ド文

複雑なシステム連携を数クリッ

クで実現し…。

で強調。数字は赤色の極太サンセリフで大きく表示。セクション見出しの前後には「＝＝＝＝

＝」の装飾線を入れ、緑丸チェックアイコンや赤チェックマーク絵文字を適宜配置する。成果

を示す数値には赤い手書き筆文字風のテロップを重ねる。写実的な人物写真や既存ロゴは使用

しない。

(b) レイアウト・全体構成指示

縦長レイアウトを上下2分割で構成。上半分は、まず「＝＝＝＝＝」で囲んだ見出し「{{ケース

A見出し}}」を配置。その下にリード文「{{ケースA本文}}」を置き、中心に「日時: {{日時A1〜

N}}」「金額: {{金額A1〜N}}」のカラムを持つ取引履歴リストのスクリーンショット風画像を配置

する。画像上には赤い手書き風テロップで「『{{ケースA主の特徴}}』導入後 → {{成果A}}」と大

きく重ねる。下半分も同様に、「＝＝＝＝＝」囲み見出し「{{ケースB見出し}}」から始める。リ

ード文「{{ケースB本文}}」に続き、契約情報「{{カード項目（契約情報等）}}」を含む詳細カー

ドを3カラムのグリッドで表示。最後に、ここにも赤い手書き風テロップで「『{{ケースB主の特

徴}}』導入後 → {{成果B}}」と強調して重ねる。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

【依頼】以下の指示に基づき、ケーススタディを紹介する縦長のLPセクション画像を生成してください。画

【共通デザイン指示】

- **背景とレイアウト**: 背景は純白(#FFFFFF)。中央寄せの縦長レイアウトで、スマートフォンでの閲

- **配色**: メインアクセントはディープレッド(#B91C1C)、サブアクセントはエメラルドグリーン(#1

- **フォントと装飾**: 見出しは極太ゴシック体。重要語句は「白抜き赤背景」または「黒文字＋蛍光黄

- **禁止事項**: 実在の人物の顔写真、既存ブランドのロゴ、3Dや写実的な背景は使用しない。

【上半：取引リスト型ケーススタディ】

1. **見出し**: 上部に「＝＝＝＝＝ {{ケースA見出し}} ＝＝＝＝＝」という形式で見出しを配置。

2. **リード文**: 見出しの下に、説明文として「{{ケースA本文}}」を挿入。

3. **取引履歴のスクリーンショット風画像**: アプリの取引履歴のような、クリーンなリスト画像を生

4. **手書き風オーバーレイ**: リスト画像の上に、赤い筆文字風の力強いテロップで「{{ケースA主の

【下半：取引詳細カード型ケーススタディ】

1. **見出し**: 上半と同様に「＝＝＝＝＝ {{ケースB見出し}} ＝＝＝＝＝」という見出しを配置。

2. **リード文**: 見出しの下に、説明文「{{ケースB本文}}」を挿入。本文中の重要語句は赤太字と蛍

3. **詳細カードの3カラムグリッド**: 契約情報などの詳細を示すカードを3つのカラムでグリッド状に

4. **手書き風オーバーレイ**: こちらも同様に、赤い筆文字風のテロップで「{{ケースB主の特徴}}導

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a vertical, mobile-first landing page section image for a case s

**Overall Design System:**

- **Background:** Solid white (#FFFFFF).

- **Layout:** Centered, single-column, vertically long.

- **Primary Accent Color:** Deep Red (e.g., #B91C1C).

- **Secondary Accent Color:** Emerald Green (e.g., #10B981).

- **Highlight Color:** Fluorescent Light Yellow (e.g., #FFEE58).

- **Body Text Color:** Dark Charcoal (e.g., #1A1A1A).

- **Typography:** Use a bold, Japanese Gothic font (equivalent to Noto Sans JP B

- **Decorative Elements:** Frame section headings with '==========' lines. Use g

- **Restrictions:** Do not use realistic photos of people, existing brand logos

**Top Half: Transaction List Style Case Study**

1. **Heading:** At the top, display a main heading enclosed in '==========' dec

2. **Lead Text:** Below the heading, insert a paragraph of lead text: `{{case_A

3. **Screenshot Mockup:** Generate a clean, minimalist mockup of a transaction

4. **Handwritten Overlay:** Superimpose a large, impactful, red handwritten bru

**Bottom Half: Detailed Card Grid Style Case Study**

1. **Heading:** Start with another heading enclosed in '==========' lines. The

2. **Lead Text:** Below this heading, add a paragraph of lead text: `{{case_B_b

3. **Card Grid:** Display a three-column grid of feature/detail cards. Each ca

4. **Handwritten Overlay:** Similar to the top half, superimpose a bold, red, h

5. **Emphasis:** Ensure key phrases within the lead text are highlighted with a

11. 著者プロフィールと最終行動喚起（CTA）

変数一覧（このセクションで置換が必要な項目）

変数名

説明

記入例

登録や購入を促すボタンのテキ

スト

「無料で限定動画を受け取る」

著者の専門性や役割を示すタイ

トル

「AIプロンプト設計エキスパー

ト」

著者のアバターの抽象的なデザ

イン指示

「ミニマルな線画で描かれた、

思考する人物の横顔シルエッ

ト」

著者のニックネームや活動名

「プロンプトの匠」

(a) デザインスタイル指示

ランディングページ（LP）のセクション用画像。白背景(#FFFFFF)を基調とした、スマホファー

ストの縦長レイアウト。メインアクセントはディープレッド(#B91C1C)、サブアクセントはエメ

ラルドグリーン(#10B981)。テキストは濃いチャコール(#1A1A1A)で、見出しは極太ゴシック

体。重要語句は白抜き赤背景か蛍光イエロー(#FFEE58)のマーカーで強調。緑の丸いチェックア

イコンや赤いチェックマーク絵文字を装飾に用いる。手書き風の筆文字で成果数値をオーバー

レイする。実在の人物写真や既存ロゴは使用しない。

(b) レイアウト・全体構成指示

縦長レイアウトの上部に、メール入力フォームと緑の丸い『{{CTAボタン文言}}』ボタンを配

置。その下に、中央揃えで黒極太ゴシック体の見出し『{{肩書き}}』。続けて、円形フレームに

収めた『{{抽象アバターデザインの指定}}』のアバターと、その下に『{{著者ハンドル}}』を配置

する。プロフィール本文として『{{経歴文}}』と『{{価値観文}}』を記述。セクション下部には、

黒極太の見出し『{{オファー見出し}}』を置き、その下に赤チェック絵文字付きで『{{特典数}}』

項目の『{{特典リスト}}』を箇条書きで示す。最後に、再度メールフォームと『{{CTAボタン文

言}}』ボタンを繰り返し、薄い文字で『{{補足文}}』を添える。

完全版テンプレート（日本語｜{{変数名}} を置換して使用）

Plain Text

著者の経歴や実績を簡潔にまと

めた文章

「大手IT企業で10年間AI研究開

発に従事し、独立。」

著者の価値観やミッションを示

す文章

「テクノロジーの力で、個人の

創造性を最大化することを目指

しています。」

特典リストの前に置かれる見出

し

「今だけの【期間限定】特典」

提供される特典の総数（例：「5

大」「7つ」など）

「5大」

全ての特典を改行で区切って記

述したリスト

「・限定Discordコミュニティ

参加権

・個別相談30分クーポン」

最終CTAの下に添える補足情報

（いつでも解除可能など）

「ご登録はいつでも解除できま

す。」

スマートフォン向けの縦長ランディングページ（LP）の一部分として、「開発者/著者プロフィール、最終

【デザインシステム（厳守）】

- **レイアウト:** 純白背景（#FFFFFF）の中央寄せ縦長レイアウト。スマホファースト。

- **配色:** メインアクセントはディープレッド（#B91C1C）、サブアクセントはエメラルドグリーン

- **タイポグラフィ:** 見出しは極太ゴシック体。重要語句は白抜き赤背景か、黒文字に蛍光イエロー（

- **装飾:** セクション見出しの前後には「=======」の装飾線。緑の丸いチェックアイコン、赤いチェ

- **禁止事項:** 実在人物の顔写真、既存ブランドロゴ、3D・フォトリアルな背景は使用しない。

【セクションの構成（上から順に）】

1. **上部CTA:** Eメール入力フィールドと、その横に「{{CTAボタン文言}}」と書かれたエメラルド

2. **著者肩書き:** 「{{肩書き}}」というテキストを、黒色の極太ゴシック体で大きく表示。

3. **著者アバター:** 「{{抽象アバターデザインの指定}}」に基づいたデザインの抽象的なアバター

4. **著者名:** アバターの下に「{{著者ハンドル}}」を表示。

5. **プロフィール:** 著者の経歴「{{経歴文}}」と、価値観や信条「{{価値観文}}」を記述したテキ

6. **特典オファー:**

* 黒色の極太ゴシック体で「{{オファー見出し}}」という見出しを配置。

* 赤いチェックマーク絵文字を先頭につけた「{{特典数}}」個の特典リスト「{{特典リスト}}」

7. **下部CTA:** 最後に再度、Eメール入力フィールドと「{{CTAボタン文言}}」の緑の丸ボタンを配

これは汎用的なLP画像テンプレートです。固有名詞や具体的な数値はすべて`{{変数}}`に置き換えていま

完全版テンプレート（English｜文字崩れ回避用）

Plain Text

Please generate a section of a vertical landing page (LP) for a smartphone view

**Overall Design System (Strictly follow):**

- **Layout:** Centered, vertical, long-scroll format on a pure white background

- **Color Palette:** Primary accent is deep red (#B91C1C), secondary accent is e

- **Typography:** Headings use an extra-bold Japanese Gothic font. Key phrases a

- **Iconography & Decoration:** Use '=====' as section dividers. Incorporate gre

- **Restrictions:** Do not use photorealistic images of real people, existing b

**Section Layout & Composition (Top to Bottom):**

1. **Top CTA:** An email input field followed by a round, emerald green button

2. **Author Title:** A prominent, extra-bold black heading displaying '{{autho

3. **Author Avatar:** A circular frame containing an abstract avatar designed a

4. **Author Handle:** The name '{{author_handle}}' displayed below the avatar.

5. **Author Profile:** A text block containing '{{biography_text}}' and '{{phi

6. **Offer Section:**

* An extra-bold black headline: '{{offer_headline}}'.

* A bulleted list of '{{number_of_bonuses}}' items, each preceded by a red

7. **Final CTA:** A repetition of the email input field and the round green bu

This is a template for generating versatile LP images. All specific names, produ

応用のヒント

デザインのブランドカラーを変更したい場合は、完全版テンプレート内の #B91C1C （メインア

クセント）、#10B981 （サブアクセント）、#FFEE58 （ハイライト）の3色を一括置換するだけ

で、別ブランドのLPビジュアルに応用できる。たとえばブルー系ブランドなら #1D4ED8 、グリ

ーン系なら #047857 を主色に当てると雰囲気が一変する。

登場人物を写実系アバターにしたい場合は、本テンプレートが禁止している「写実的な実在人

物の顔写真」ではなく、抽象的なイラストアバターや擬人化キャラクター、AI生成の架空ポー

トレートとして扱うことを推奨する。実在人物を想起させる写真を直接使うと著作権・肖像権

の問題が生じるため、安全側の表現を選ぶとよい。

セクションを連結して1枚の長尺LPを作るのではなく、1セクション＝1画像として生成し、後

工程のデザインツール（Figma／Canva／HTML）で縦に結合する運用が最も安定する。これに

より各セクションの解像度と文字精度を最大化できる。

LP画像生成プロンプト 汎用テンプレート集（GPT Image 2対応・全11セクション）

要約

要点

LP画像生成プロンプト汎用テンプレート集（GPT Image 2対応・全11セクション）