オレンジグラデ×黒背景文字ボックス×AI学習データ効率化×資料ダウンロード

ソース画像

ID: 019edd63-c751-72df-9c73-23aa3d8de422
業種: クラウド・AI
提供形態: BtoB
トーン: 論理・信頼インパクト・訴求
構成要素: 商品画像背景画像ロゴ
作成日: 2026-06-19
更新日: 2026-06-19

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	しっかり調査し	—	—	—
`KICKER`	AIを活用でスピードを	—	—	—
`SUB_COPY_1`	を集計	—	—	—
`SUB_COPY_2`	学習データの	—	—	—
`SUB_COPY_3`	AI時代に乗り遅れないために大切な要素を集めた。ジャンプ率を引き上げる	—	—	—
`CTA_LABEL_1`	今すぐ資料ダウンロード	—	—	—
`KEYWORD_1`	HP	—	—	—
`KEYWORD_2`	効率を上げる	—	—	—
`METRIC_LINE_1`	今までの15倍に引き上げる	rate	—	—
`BRAND_NAME`	AdXpand	—	clean white mid-weight sans-serif	—
`SUPPORTING_IMAGE_1`	—	—	—	woman with headset working on a computer in a modern office
`SUPPORTING_IMAGE_2`	—	—	—	architectural blueprints and photos scattered on a wooden desk
`SUPPORTING_IMAGE_3`	—	—	—	close-up of architectural drawings and photos on a white desk
`BACKGROUND`	—	—	—	warm orange #c58233 to dark brown vertical gradient, with a soft horizontal light flare across the middle
`LOGO_IMAGE`	—	—	—	AdXpand clean sans-serif wordmark

プロンプト

Typography-led BtoB service banner with a two-column layout over a full-bleed <<BACKGROUND>>. All foreground elements are overlaid on top.

Top bar (~10% height):
- <<LOGO_IMAGE>> positioned top-right, ~20% width.

Main content area (~75% height):
- Left column (~65% width): A stack of large, left-aligned typography.
  - <<KICKER>> in bold white rounded gothic.
  - <<METRIC_LINE_1>> in bold white rounded gothic, same size as kicker.
  - <<HERO_COPY>> in heaviest white rounded gothic, approx 1.8x the kicker's height.
  - A line combining <<KEYWORD_1>> and <<SUB_COPY_1>>. <<KEYWORD_1>> is set in bold, vivid yellow #fdd835 text inside a sharp-cornered black rectangle with a thin white outline. <<SUB_COPY_1>> follows in bold white rounded gothic.
  - <<SUB_COPY_2>> in heaviest white rounded gothic, same size as HERO_COPY.
  - <<KEYWORD_2>>, where each character is placed in an individual sharp-cornered black rectangle with a thin white outline, with vivid yellow #fdd835 text.
  - A text block for <<SUB_COPY_3>> in three lines of mid-weight white rounded gothic, with a thin vertical white line to its left.
- Right column (~35% width): A vertical stack of three small rectangular images.
  - <<SUPPORTING_IMAGE_1>>, <<SUPPORTING_IMAGE_2>>, and <<SUPPORTING_IMAGE_3>> are stacked top-to-bottom. These are strictly supporting visuals, small in size, do not enlarge or make them the focus.

Bottom CTA bar (~15% height):
- A full-width, solid dark gray #424242 rectangular bar.
- Centered horizontally is <<CTA_LABEL_1>> in bold vivid yellow #fdd835 rounded gothic, followed by a small, solid yellow right-pointing triangular arrow icon.

Palette: warm orange-brown gradient, dark gray #424242, white, vivid yellow #fdd835, near-black in boxes.
Professional, high-impact, and data-driven feel, aimed at business decision-makers.
Typography crisp, no warping. Output: PNG.