オレンジ背景×白帯タイポ×受注率アップ×無料ダウンロード

ソース画像

ID: 019edd32-6eaf-72bc-97f3-fb724e6344db
業種: クラウド・AI
提供形態: BtoB
トーン: 論理・信頼インパクト・訴求
構成要素: 商品画像
作成日: 2026-06-19
更新日: 2026-06-19

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	受注率、大幅アップ	—	—	—
`SUB_COPY_1`	根拠がしっかりした説得力のあるコラボ提案でクライアントの印象に残る！	—	—	—
`CTA_LABEL_1`	今すぐ無料ダウンロード	—	—	—
`SUPPORTING_IMAGE_1`	—	—	—	abstract trend analysis UI screen with a green and yellow gradient
`SUPPORTING_IMAGE_2`	—	—	—	simple line chart UI screen with three colored lines
`SUPPORTING_IMAGE_3`	—	—	—	UI screen showing a title and two bulleted lists
`BACKGROUND`	—	—	—	flat solid bright orange #e96100 fill

プロンプト

High-impact BtoB typographic banner composed of two main horizontal bands. The design is clean, bold, and typography-led.

Top orange band (~80% height):
- Background is a full-bleed <<BACKGROUND>>.
- At the top, a centered, oversized hero typography stack. The text <<HERO_COPY>> is in heaviest near-black display gothic, split across two lines.
- Each of the two lines is individually backed by a sharp-cornered white rectangular block (square corners, NO rounded corners), with each block's width sized to fit its text content.
- Below the hero stack, the three-line <<SUB_COPY_1>> is centered, typeset in bold white rounded gothic, spanning ~85% of the banner width.
- At the bottom of this orange band, a row of three small UI screenshot mockups, equally spaced: <<SUPPORTING_IMAGE_1>>, <<SUPPORTING_IMAGE_2>>, and <<SUPPORTING_IMAGE_3>>. Each image is a small rectangular card, ~28% of the total banner width.

Bottom yellow CTA band (~20% height):
- A full-width band in saturated yellow #ffdd00.
- Centered on this band is <<CTA_LABEL_1>> in bold near-black display gothic, followed immediately by a solid black right-pointing triangular arrow icon.

Palette: bright orange <<BRAND_PRIMARY_HEX>>, saturated yellow #ffdd00, near-black #1a1a1a, white.
A bold, clear, and direct BtoB feel, focused on performance metrics and lead generation.
Typography crisp, no warping. Output: PNG.