淡青背景×スマホ集約×機能チップ

ソース画像

ID: 019edd64-190b-7293-a188-f6b89cd1d452
業種: クラウド・AI
提供形態: BtoB
トーン: 論理・信頼シャープ・スタイリッシュ
構成要素: 商品画像
作成日: 2026-06-19
更新日: 2026-06-19

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	スマホひとつに集約	—	—	—
`KICKER`	多すぎる社内ツールを	—	—	—
`SUB_COPY_1`	スマホで使える多機能な社内ポータル	—	—	—
`FEATURE_CHIP_1`	社内チャット	—	—	—
`FEATURE_CHIP_2`	ワークフロー	—	—	—
`FEATURE_CHIP_3`	社内掲示板	—	—	—
`FEATURE_CHIP_4`	Web日報	—	—	—
`FEATURE_CHIP_5`	タスク依頼	—	—	—
`MAIN_VISUAL`	—	—	—	smartphone mockup displaying a generic portal app screen with a list of apps and icons
`BACKGROUND`	—	—	—	flat solid pale-blue #eaf2fe fill

プロンプト

Clean BtoB typography-led banner with a full-bleed <<BACKGROUND>>, all foreground elements overlaid on top.

Top area (~25% height):
- Centered text stack.
- Top line <<KICKER>> in mid-weight dark-blue #1c3d8f rounded gothic.
- Bottom line <<HERO_COPY>> is oversized, in heaviest dark-blue #1c3d8f display rounded gothic, roughly 2x the height of the kicker, spanning ~85% width.

Middle area (~60% height):
- Two-column layout.
- Left column (~45% width): <<MAIN_VISUAL>> positioned vertically centered in this column, slightly angled.
- Right column (~55% width): A vertically stacked list of five feature chips, horizontally centered within the right column. <<FEATURE_CHIP_1>>, <<FEATURE_CHIP_2>>, <<FEATURE_CHIP_3>>, <<FEATURE_CHIP_4>>, <<FEATURE_CHIP_5>>. Each chip is white text inside a saturated blue #0059d2 rounded-rectangle pill, sized to its own text width.

Bottom band (~15% height):
- A full-width band in dark-blue #1c3d8f.
- Centered <<SUB_COPY_1>> in bold white rounded gothic text.

Palette: primary dark blue #1c3d8f, accent saturated blue <<BRAND_PRIMARY_HEX>>, pale blue background #eaf2fe, white text.
Professional, clean, and functional feel for a corporate software solution.
Typography crisp, no warping. Output: PNG.