Floral Serum Landing Page Hero

0ViewsSep 2, 2026

Prompt

{ "type": "e-commerce landing page hero section mockup", "aesthetic": "clean, bright, airy, feminine, floral accents with purple flowers, and white color palette, soft lighting", "header": { "logo": "", "navigation_links": { "count": 5, "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"] }, "cta_button": "今すぐ試す" }, "hero_section": { "left_column": { "headline": "", "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。", "feature_badges": { "count": 3, "style": "pill-shaped with small icons", "labels": ["敏感肌OK", "高保湿", "朝晩使える"] }, "bullet_points": { "count": 3, "style": "pink checkmarks", "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"] }, "cta_buttons": { "count": 2, "labels": ["初回限定で試してみる >", "成分をチェック >"] }, "trust_badges": "送料無料 / 初回限定 / 定期縛りなし" }, "center_subject": { "model": "", "action": "holding a dropper bottle of serum" }, "right_column": { "product_display": { "count": 2, "items": [" dropper bottle", "packaging box"] }, "stat_cards": { "count": 3, "style": "floating white rounded rectangles with gold accents", "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"] } } }, "bottom_section": { "benefit_cards": { "count": 3, "style": "horizontal white rounded rectangles with icons", "labels": ["うるおい", "透明感", "使いやすさ"] } } }

Make it yours

Only the parts worth changing are shown. The prompt updates as you go.

primary color

The accent behind the badges, checkmarks and buttons — one soft shade that still reads against the white ground and purple flowers

brand name

Wordmark in the top-left header — a beauty label in caps, one or two words, since five nav links sit immediately beside it

headline text

The big promise in the left column above the serum copy — one line about the skin result, not the ingredient list underneath

product type

What fills the dropper bottle on the right — a serum category such as 'moisturizing boost serum', matching the claim in the headline

Open template

Model: GPT Image
Categories: Brand & Logo
Attribution: freestylefly GPT Image 2by@ryuya__31 SourceCommunity-sourced; commercial use is not guaranteed.
License: MIT