水色グラデ背景×資料モックアップ×就業規則作成×無料レポート

ソース画像

ID: 019f6a2b-af9a-75a8-b189-f45de0f91002
業種: 人材
提供形態: BtoB
トーン: 論理・信頼
構成要素: 商品画像背景画像ロゴ
作成日: 2026-07-16
更新日: 2026-07-16

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	就業規則ってどう作るの？	—	—	—
`KICKER`	社長・人事担当者の方へ	—	—	—
`SUB_COPY_1`	を解決！	—	—	—
`QUESTION_QUOTE_1`	作成しないとどうなる？	—	—	—
`QUESTION_QUOTE_2`	届出に必要な書類は？	—	—	—
`QUESTION_QUOTE_3`	誰が就業規則の対象者？	—	—	—
`CTA_LABEL_1`	【期間限定】無料レポートプレゼント	—	—	—
`BRAND_NAME`	AdXpand	—	—	—
`MAIN_VISUAL`	—	—	—	mockup of a blue-covered report titled 'Guide to Rules of Employment', angled slightly left
`BACKGROUND`	—	—	—	soft pale blue-to-white vertical gradient background

プロンプト

BtoB informational banner for an HR report, with a full-bleed <<BACKGROUND>>, all foreground elements overlaid on top.

Top area (~35% height):
- Top-center, a single line <<KICKER>> in mid-weight near-black gothic.
- Below it, a large headline block. The main text <<HERO_COPY>> is in heaviest near-black Mincho/serif, placed on a white rectangular bar that is wider than the text.
- To the lower right of the white bar, <<SUB_COPY_1>> in heavy near-black gothic.

Middle area (~45% height):
- Left side: <<MAIN_VISUAL>>, a mockup of a blue report cover, tilted slightly counter-clockwise, occupying ~45% of the banner width.
- Right side: a dark slate-blue #2f3b4c rounded rectangle containing a vertical list of three questions.
  - The list items <<QUESTION_QUOTE_1>>, <<QUESTION_QUOTE_2>>, and <<QUESTION_QUOTE_3>> are written in white mid-weight gothic.
  - Each item is preceded by a yellow #f7d943 checkmark icon inside a circle.

Bottom area (~20% height):
- Centered dark slate-blue #2f3b4c sharp-cornered rectangular button with a thin white inner border, containing <<CTA_LABEL_1>> in bold white gothic.
- Below the button, centered <<BRAND_NAME>> in small near-black gothic, placed on the lighter part of the gradient background.

Palette: pale blue, dark slate blue #2f3b4c, white, accent yellow #f7d943, near-black #1a1a1a.
Professional, trustworthy, and informative BtoB design, aimed at business owners and HR managers.
Typography crisp, no warping. Output: PNG.