Skincare Landing Page Mockup
Generates a clean, professional landing page hero section for a skincare brand, featuring a product shot, model, and feature icons.

- Prompt included
- Model and format preset
- Free template

The prompt behind this image
Copy the exact prompt behind Skincare Landing Page Mockup, or open it in the studio and make it yours.
- Type
- skincare product landing page mockup
- Design Style
- clean, clinical, trustworthy, modern
- Color Palette
- white, {argument name="primary color" default="light blue"}, navy blue
- Brand Name
- {argument name="brand name" default="DERMA CALM"}
- Layout › Header › Left
- brand logo
- Layout › Header › Center › Element
- navigation menu
- Layout › Header › Center › Count
- 6
- Layout › Header › Center › Labels
- ABOUT, PRODUCT, FEATURE, INGREDIENT, VOICE, Q&A
- Layout › Header › Right › Element
- action buttons
- Layout › Header › Right › Count
- 2
- Layout › Header › Right › Labels
- マイページ, 今すぐ購入する
- Layout › Hero Section › Background
- blurred laboratory glassware (beakers, flasks) suggesting scientific formulation
- Layout › Hero Section › Left Column › Headline
- {argument name="headline text" default="敏感な肌にも、毎日つづけられる安心ケア。"}
- Layout › Hero Section › Left Column › Body Text
- description of low irritation, moisturizing, and barrier support
- Layout › Hero Section › Left Column › Call To Action Buttons › Count
- 2
- Layout › Hero Section › Left Column › Call To Action Buttons › Styles
- solid navy blue, white with navy border
- Layout › Hero Section › Center Column › Product
- {argument name="product type" default="white pump bottle of serum"}
- Layout › Hero Section › Center Column › Props
- dollop of white cream
- Layout › Hero Section › Center Column › Floating Badge
- circular badge with text '皮膚科医監修'
- Layout › Hero Section › Right Column › Model
- {argument name="model description" default="young Asian woman with glowing clear skin, smiling, touching her cheek"}
- Layout › Features Section › Container
- white rounded rectangle spanning the bottom width
- Layout › Features Section › Count
- 6
- Layout › Features Section › Items
- satisfaction rate '95%' with 5 navy stars, shield icon with checkmark (low irritation), water drop icon (skin barrier support), crossed-out bottle icon (fragrance-free), crossed-out flask icon (alcohol-free), clipboard icon with checkmark (patch tested)
- Layout › Features Section › Footer
- small print disclaimers at the very bottom
Raw JSON
{
"type": "skincare product landing page mockup",
"design_style": "clean, clinical, trustworthy, modern",
"color_palette": ["white", "{argument name=\"primary color\" default=\"light blue\"}", "navy blue"],
"brand_name": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
"layout": {
"header": {
"left": "brand logo",
"center": {
"element": "navigation menu",
"count": 6,
"labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
},
"right": {
"element": "action buttons",
"count": 2,
"labels": ["マイページ", "今すぐ購入する"]
}
},
"hero_section": {
"background": "blurred laboratory glassware (beakers, flasks) suggesting scientific formulation",
"left_column": {
"headline": "{argument name=\"headline text\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
"body_text": "description of low irritation, moisturizing, and barrier support",
"call_to_action_buttons": {
"count": 2,
"styles": ["solid navy blue", "white with navy border"]
}
},
"center_column": {
"product": "{argument name=\"product type\" default=\"white pump bottle of serum\"}",
"props": ["dollop of white cream"],
"floating_badge": "circular badge with text '皮膚科医監修'"
},
"right_column": {
"model": "{argument name=\"model description\" default=\"young Asian woman with glowing clear skin, smiling, touching her cheek\"}"
}
},
"features_section": {
"container": "white rounded rectangle spanning the bottom width",
"count": 6,
"items": [
"satisfaction rate '95%' with 5 navy stars",
"shield icon with checkmark (low irritation)",
"water drop icon (skin barrier support)",
"crossed-out bottle icon (fragrance-free)",
"crossed-out flask icon (alcohol-free)",
"clipboard icon with checkmark (patch tested)"
],
"footer": "small print disclaimers at the very bottom"
}
}
}How to use Skincare 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.

Men's Skincare Website Landing Page Mockup

Skincare E-commerce Landing Page Mockup

Men's Skincare Landing Page Mockup

Luxury E-Commerce Landing Page Mockup

Beauty Product Landing Page Mockup

Luxury Skincare Product Page Mockup

Anti-Gravity Lamp Landing Page Mockup

Cute AI Doodle Generator Landing Page

Vibe Coder Bootcamp Landing Page

Minimalist Skincare Product Water Stone Still

Botanical Skincare Minimal Product Advertising

Minimalist Skincare Product Water Stone Still
Make it yours
Skincare Landing Page Mockup works as-is. These are the safest ways to change it without losing the look.
Swap the setting
Keep the rest of the prompt and replace the location block. The current setting is “blurred laboratory glassware (beakers, flasks) suggesting scientific formulation”.
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 Skincare 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 Skincare 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
Skincare Landing Page Mockup questions
How do I use the Skincare 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 Skincare Landing Page Mockup template?
Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.
Is the Skincare 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.



















