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.

- 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.
- 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
- 1Upload ImagePNG, JPG or paste
Add your photo
Upload the photo the template builds on. The prompt, model and format are already set.
- 2…a portrait of your subject in softgolden-hour light, 85mm…
Personalize
Edit the subject and creative details for your destination.
- 3
GenerateGenerate
Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.
More like this
Templates with the same subject, style or setup. Open one to see its prompt.

Cosmetic Tube Product — Nano Banana 2

Product Shot - T-Shirt Mockup

Luxury E-Commerce Landing Page Mockup

Mechanical Keyboard Product Page Mockup

Men's Skincare Website Landing Page Mockup

Skincare E-commerce Landing Page Mockup

Anti-Gravity Lamp Landing Page Mockup

Men's Skincare Landing Page Mockup

Skincare Landing Page Mockup

Blueberry Energy Drink Mockup

Tropical Citrus Spa Product Mockup

Giant Product Lifestyle Mockup
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.
| If the result… | Why | Fix |
|---|---|---|
| The result drifts from the preview | Too 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 JSON | Some models flatten or skip nested keys. | Keep the same values and paste them as a short paragraph instead. |
More GPT Image 2 templates
Other prompts made for GPT Image 2.
More image prompts
Fresh picks from across the catalog.
Browse template categories
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.



















