PicX Studio

Beauty Product Landing Page Mockup

Generates a clean, feminine e-commerce landing page hero section for a beauty product, featuring a model, product shots, and structured marketing copy.

Beauty Product Landing Page Mockup — AI image template example
GPT Image 2Free
ExampleBeauty Product Landing Page Mockup
Prompt
Settings
GPT Image 216:9
  • Prompt included
  • Model and format preset
  • Free template

The prompt behind this image

Copy the exact prompt behind Beauty Product Landing Page Mockup, or open it in the studio and make it yours.

Structured prompt · 27 fields
Type
e-commerce landing page hero section mockup
Aesthetic
clean, bright, airy, feminine, floral accents with purple flowers, {argument name="primary color" default="soft pink"} and white color palette, soft lighting
Header › Logo
{argument name="brand name" default="LUMEA BEAUTY"}
Header › Navigation Links › Count
5
Header › Navigation Links › Labels
特徴, 成分, お客様の声, 使い方, FAQ
Header › Cta Button
今すぐ試す
Hero Section › Left Column › Headline
{argument name="headline text" default="鏡を見るたび、うるおう透明感。"}
Hero Section › Left Column › Subheadline
乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。
Hero Section › Left Column › Feature Badges › Count
3
Hero Section › Left Column › Feature Badges › Style
pill-shaped with small icons
Hero Section › Left Column › Feature Badges › Labels
敏感肌OK, 高保湿, 朝晩使える
Hero Section › Left Column › Bullet Points › Count
3
Hero Section › Left Column › Bullet Points › Style
pink checkmarks
Hero Section › Left Column › Bullet Points › Labels
美容成分をしっかり届ける, ハリ・ツヤのある印象へ, 続けやすいシンプルケア
Hero Section › Left Column › Cta Buttons › Count
2
Hero Section › Left Column › Cta Buttons › Labels
初回限定で試してみる >, 成分をチェック >
Hero Section › Left Column › Trust Badges
送料無料 / 初回限定 / 定期縛りなし
Hero Section › Center Subject › Model
{argument name="model description" default="young East Asian woman smiling, touching her cheek"}
Hero Section › Center Subject › Action
holding a dropper bottle of serum
Hero Section › Right Column › Product Display › Count
2
Hero Section › Right Column › Product Display › Items
{argument name="product type" default="moisturizing boost serum"} dropper bottle, packaging box
Hero Section › Right Column › Stat Cards › Count
3
Hero Section › Right Column › Stat Cards › Style
floating white rounded rectangles with gold accents
Hero Section › Right Column › Stat Cards › Labels
満足度 96%, 美容成分 5種配合, 愛用者 12,000人突破
Raw JSON
{
  "type": "e-commerce landing page hero section mockup",
  "aesthetic": "clean, bright, airy, feminine, floral accents with purple flowers, {argument name=\"primary color\" default=\"soft pink\"} and white color palette, soft lighting",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}",
    "navigation_links": {
      "count": 5,
      "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"]
    },
    "cta_button": "今すぐ試す"
  },
  "hero_section": {
    "left_column": {
      "headline": "{argument name=\"headline text\" default=\"鏡を見るたび、うるおう透明感。\"}",
      "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": "{argument name=\"model description\" default=\"young East Asian woman smiling, touching her cheek\"}",
      "action": "holding a dropper bottle of serum"
    },
    "right_column": {
      "product_display": {
        "count": 2,
        "items": ["{argument name=\"product type\" default=\"moisturizing boost serum\"} 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": ["うるおい", "透明感", "使いやすさ"]
    }
  }
}

How to use Beauty Product Landing Page Mockup in 3 steps

  1. 1
    Upload ImagePNG, JPG or paste

    Add your photo

    Upload the photo the template builds on. The prompt, model and format are already set.

  2. 2
    …a portrait of your subject in softgolden-hour light, 85mm…

    Personalize

    Edit the subject and creative details for your destination.

  3. 3
    Generate

    Generate

    Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.

Make it yours

Beauty Product Landing Page Mockup works as-is. These are the safest ways to change it without losing the look.

  • Change one field

    Copy a single group, rewrite it, and generate again so you can see what that field is doing.

  • Keep the frame, change the subject

    Hold the composition and light of Beauty Product Landing Page Mockup, then swap wardrobe, props or the person for a new take.

Troubleshooting Beauty Product Landing Page Mockup
If the result…WhyFix
The result drifts from the previewToo many fields changed at once.Reuse Beauty Product Landing Page Mockup as-is first, then change one group — subject, light, or setting.
GPT Image 2 ignores part of the JSONSome models flatten or skip nested keys.Keep the same values and paste them as a short paragraph instead.

Beauty Product Landing Page Mockup questions

How do I use the Beauty Product Landing Page Mockup template?

Add your photo if the template asks for one, edit the prompt if you like — the template's model and format are already selected — and press Generate. Your version opens in PicX Studio.

Can I customize the Beauty Product Landing Page Mockup template?

Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.

Is the Beauty Product Landing Page Mockup template free?

Opening and editing this template is free. Generating uses credits, shown on the Generate button when you are signed in.

Which AI model should I use?

Start with GPT Image 2, which is the model associated with this template. You can compare another compatible model for a different finish.

Looking for something else? Browse all templates.

Your photo, any look

Thousands of ready templates for every top image and video model, from one credit balance.

FREEClaim Free Image Generation