薄灰背景×サロン売上管理×アプリ画面×無料トライアル

ソース画像

ID: 019f7504-cf0b-776d-8839-2cb4b13b724c
業種: クラウド・AI
提供形態: ソフトウェア
トーン: ナチュラル・親しみ論理・信頼
構成要素: 商品画像ロゴ
作成日: 2026-07-18
更新日: 2026-07-18

可変項目

キー	例	意図	描画スタイル	ヒント
`HERO_COPY`	売上管理を効率化	—	—	—
`KICKER`	サロンの	—	—	—
`FEATURE_CHIP_1`	資料請求不要ですぐ始められる	—	—	—
`FEATURE_CHIP_2`	最安水準	—	—	—
`FEATURE_CHIP_3`	まずは無料トライアルから	—	—	—
`CTA_LABEL`	で試してみる	—	—	—
`PRICE_VALUE`	0円	price	—	—
`PRICE_NOTE`	初期費用・月額費用	condition	—	—
`BRAND_NAME`	AdXpand	—	light-weight dark-gray sans-serif, all-caps	—
`LOGO_IMAGE`	—	—	—	a logo with two overlapping gradient pink circles, with the 'AdXpand' wordmark underneath in gray sans-serif
`SUPPORTING_IMAGE_1`	—	—	—	a collage of three overlapping smartphone app screens showing a dashboard for a salon management SaaS, with graphs and financial data, slightly fanned out
`BACKGROUND`	—	—	—	flat solid very light off-white-gray #f7f6f5 fill

プロンプト

A clean, typography-led SaaS promotional banner with a full-bleed <<BACKGROUND>>, all foreground elements overlaid on top.

The layout is split into two main vertical columns.

Left column (~55% width), all elements strictly left-aligned:
- Top: <<LOGO_IMAGE>>, placed in the top-left corner, ~30% of column width.
- Below logo: a stack of text elements.
  - <<KICKER>> in white text inside a soft coral #d9a592 rounded-rectangle chip, sized to fit its text.
  - <<HERO_COPY>> in two lines, heaviest dark-gray #3a3a3a display rounded gothic, oversized.
- Middle: a vertical list of three features, each preceded by a circular icon in soft coral #d9a592.
  - <<FEATURE_CHIP_1>> in mid-weight dark-gray #3a3a3a rounded gothic.
  - <<FEATURE_CHIP_2>> in mid-weight dark-gray #3a3a3a rounded gothic.
  - <<FEATURE_CHIP_3>> in mid-weight dark-gray #3a3a3a rounded gothic.
- Bottom: a large call-to-action button, a rounded-rectangle in soft coral #d9a592.
  - Inside the button: <<PRICE_NOTE>> in smaller white sans-serif, followed by an oversized <<PRICE_VALUE>> in bold white sans-serif, and <<CTA_LABEL>> to its right in smaller white sans-serif.

Right column (~45% width):
- <<SUPPORTING_IMAGE_1>> fills this column, showing three app screen mockups arranged in a fan-like overlay. This visual element is secondary to the text on the left, do NOT make it the central focus of the entire banner.

Palette: soft coral #d9a592, dark gray #3a3a3a, white, and a very light off-white-gray #f7f6f5 background. Clean, friendly, and professional feel for a B2B SaaS product targeting salon owners. Typography crisp, no warping. Output: PNG.