白背景×BeforeAfterイラスト×フリーアドレス位置検索×資料ダウンロード

ソース画像

ID: 019edd61-fe58-711e-9390-d5b337385397
業種: クラウド・AI
提供形態: BtoB
トーン: ナチュラル・親しみ論理・信頼
構成要素: 商品画像ロゴ
作成日: 2026-06-19
更新日: 2026-06-19

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	AdXpand POS SEARCH	—	—	—
`KICKER`	フリーアドレスのお悩み	—	—	—
`SUB_COPY_1`	で解決	—	—	—
`SUB_COPY_2`	知りたい人の情報がわかる	—	—	—
`QUESTION_QUOTE_1`	田中さん、ここにいない。	—	—	—
`ANSWER_QUOTE`	田中さんここにいた！	—	—	—
`CTA_LABEL_1`	無料資料ダウンロード	—	—	—
`BRAND_NAME`	AdXpand	—	—	—
`SUPPORTING_IMAGE_1`	—	—	—	line art illustration of a worried businesswoman with arms crossed and doodle thought bubbles
`SUPPORTING_IMAGE_2`	—	—	—	small circular user avatar photo
`SUPPORTING_IMAGE_3`	—	—	—	smartphone mockup displaying a user profile search screen
`SUPPORTING_IMAGE_4`	—	—	—	line art illustration of a smiling businesswoman holding a smartphone
`BACKGROUND`	—	—	—	flat solid white #ffffff fill

プロンプト

A clean, B2B problem/solution banner with line-art illustrations, using a full-bleed <<BACKGROUND>>, all foreground elements overlaid on top.

Top section (~30% height):
- A large, light-gray #e6e6e6 rounded rectangle with a slight drop shadow fills the band.
- Left side: <<SUPPORTING_IMAGE_1>>, positioned at the left edge.
- Right side: a white rounded speech bubble with a left-pointing tail.
- Inside bubble: at left, <<SUPPORTING_IMAGE_2>>; at right, <<QUESTION_QUOTE_1>> in heavy near-black gothic.
- Above the bubble to the right: a hand-drawn doodle of three question marks.

Middle section (~55% height):
- Centered text block: <<KICKER>> in mid-weight near-black gothic, above the main headline.
- The main headline, centered: oversized <<HERO_COPY>> in heaviest near-black sans-serif, immediately followed by <<SUB_COPY_1>> in an equally heavy sans-serif with a blue gradient <<BRAND_PRIMARY_HEX>> (#00a5d2).
- Below the headline, a light-orange #ffc977 rounded rectangle panel.
- On the orange panel, left side: <<SUPPORTING_IMAGE_3>>.
- On the orange panel, right side: a white speech bubble with a left-pointing tail containing <<ANSWER_QUOTE>> in heavy near-black gothic.
- Right of the orange panel: <<SUPPORTING_IMAGE_4>>.

Bottom band (~15% height):
- A full-width band with a flat light-blue #d2eff6 fill.
- Horizontally centered, two elements sit side-by-side:
  - Left: <<SUB_COPY_2>> in bold white gothic text with a thin, darker blue outline for legibility.
  - Right: a pill-shaped button filled with a saturated cyan <<BRAND_PRIMARY_HEX>> (#00a5d2), containing <<CTA_LABEL_1>> in bold white gothic text.

Palette: light blue #d2eff6, accent cyan <<BRAND_PRIMARY_HEX>> (#00a5d2), light orange #ffc977, light gray #e6e6e6, near-black #222222, white. Clean, friendly, and solution-oriented B2B feel. Typography crisp, no warping. Output: PNG.