青系六角形背景×ペーパーレス化×BeforeAfter画像×資料請求

ソース画像

ID: 019f7ca6-6d65-740c-be0b-6d60ef317abd
業種: クラウド・AI
提供形態: BtoB
トーン: 論理・信頼シャープ・スタイリッシュ
構成要素: 商品画像背景画像ロゴ
作成日: 2026-07-19
更新日: 2026-07-19

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	ペーパーレス化のチャンス	—	—	—
`KICKER`	オフィス移転やレイアウト変更は	—	—	—
`METRIC_LINE_1`	オフィス改革に伴う紙文書の電子化実績が6割を占めています	—	—	—
`CTA_LABEL_1`	ご相談・資料請求はこちら	—	—	—
`BRAND_NAME`	AdXpand	—	heavy white sans-serif, with a small red square between two letters	—
`LOGO_IMAGE`	—	—	—	AdXpand wordmark logo, white text with a red square element
`MAIN_VISUAL`	—	—	—	Split-screen comparison: left side shows a cluttered, old-fashioned office overflowing with paper documents; right side shows a modern, bright, clean paperless office with colleagues collaborating.
`BACKGROUND`	—	—	—	dark teal-blue background with a subtle, glowing hexagonal grid pattern.

プロンプト

A professional BtoB solution banner with a full-bleed <<BACKGROUND>>, featuring a prominent before-and-after image composition, all foreground elements overlaid on top.

Top band (~15% height):
- Strictly left-aligned <<LOGO_IMAGE>>, ~25% width, positioned in the top-left corner.

Headline band (~25% height):
- Centered headline stack in heavy white rounded gothic.
- Top line: <<KICKER>>, with thin white horizontal rule lines on both sides.
- Bottom line: <<HERO_COPY>>, where the first part ('ペーパーレス化') is rendered as a highlighted chip: pale lime-green #dff183 heavy gothic text on a dark gray #212121 rounded-rectangle background with a thin lime-green outline. The rest of the text ('のチャンス') is in standard heavy white gothic.

Middle/Lower band (~45% height):
- <<MAIN_VISUAL>> fills this area, showing a diagonal split-screen comparison.
- Overlaid on the top part of the image is a semi-transparent black #1a1a1a rounded rectangle container with white L-shaped corner brackets.
- Inside this container, <<METRIC_LINE_1>> is displayed in two lines of white mid-weight gothic. The number '6' is highlighted in a slightly larger font size and pale lime-green color.

Bottom band (~15% height):
- Centered <<CTA_LABEL_1>> inside a rounded rectangle button. The button has a bright red #e63946 to orange gradient fill and a thin white inner border. Text is white bold gothic.

Palette: dark teal-blue <<BRAND_PRIMARY_HEX>>, white, black #1a1a1a, bright red #e63946, pale lime-green #dff183.
A professional, trust-building BtoB banner that clearly communicates the benefit of digitization through a before-and-after visual.
Typography crisp, no warping. Output: PNG.