水色背景×悩みイラスト×BtoB課題解決×青フッター帯

ソース画像

ID: 019f7515-41cc-70f6-9324-6e23a4650a54
業種: クラウド・AI
提供形態: ソフトウェア
トーン: 論理・信頼ナチュラル・親しみ
構成要素: 商品画像背景画像ロゴ
作成日: 2026-07-18
更新日: 2026-07-18

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	その発注、勘に頼っていませんか。	—	—	—
`KICKER`	経験が浅くても使いやすい。	—	—	—
`SUB_COPY_1`	アパレル経営の在庫判断を、もっと賢く。	—	—	—
`BRAND_NAME`	AdXpand	—	mid-weight white sans-serif, with a small shopping bag icon to its left	—
`MAIN_VISUAL`	—	—	—	line art illustration of a stressed person at a computer, surrounded by circular icons representing business elements like charts, gears, and clothing items
`LOGO_IMAGE`	—	—	—	AdXpand wordmark with a small shopping bag icon to its left
`BACKGROUND`	—	—	—	light gray, almost white, background with a subtle noise or grit texture

プロンプト

illustration-led BtoB SaaS banner with full-bleed <<BACKGROUND>>, all foreground elements overlaid on top.

Top Area (~35% height):
- A block of text, strictly left-aligned, positioned in the upper-left quadrant.
- Top line is <<KICKER>> in mid-weight deep-blue #192158 sans-serif.
- Below it, the two-line <<HERO_COPY>> in heaviest deep-blue #192158 display rounded gothic. Font size is significantly larger than the kicker, roughly 1.8x the height.

Middle Area (~50% height):
- Centered <<MAIN_VISUAL>>, a clean, modern line art illustration occupying ~75% of the banner's width. The illustration uses flat color fills (blue, white, black).

Bottom Band (~15% height):
- Full-width horizontal band in saturated blue #314DAE.
- Inside the band, elements are vertically centered.
- Left-aligned <<SUB_COPY_1>> in bold white rounded gothic, occupying ~65% of the band's width.
- Right-aligned <<LOGO_IMAGE>>, occupying ~25% of the band's width.

Palette: saturated blue #314DAE, deep-blue text #192158, accent light blue #4A6BFF in the illustration, white, light gray textured background.
Clean, professional, and approachable BtoB feel, targeting business owners with a clear problem-solution message.
Typography crisp, no warping. Output: PNG.