Image2Studio
Examples

gpt-image-2

Skincare E-commerce Landing Page Mockup

Generates a clean, clinical web design mockup for a skincare brand featuring a hero image, product shot, and feature highlights.

Generates a clean, clinical web design mockup for a skincare brand featuring a hero image, product shot, and feature highlights.
Generates a clean, clinical web design mockup for a skincare brand featuring a hero image, product shot, and feature highlights.
Prompt

{ "type": "skincare e-commerce landing page mockup", "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}", "color_palette": ["white", "light blue", "{argument name=\"primary color\" default=\"dark blue\"}"], "layout": { "header": { "logo": "left-aligned brand name with Japanese subtext", "navigation_links": { "count": 6, "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"] }, "buttons": { "count": 2, "labels": ["マイページ", "今すぐ購入する"] } }, "hero_section": { "left_column": { "headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}", "subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits", "buttons": { "count": 2, "labels": ["今すぐ購入する", "詳しく見る"] } }, "center_column": { "product": "white pump bottle with clear cap labeled {argument name=\"product type\" default=\"Moisture Barrier Serum\"}", "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"] }, "right_column": { "subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}", "background": "blurred laboratory glassware in a bright, clean clinical setting" } }, "bottom_features_panel": { "left_cards": { "count": 3, "descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"] }, "right_badges": { "count": 3, "descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"] }, "footer": "fine print disclaimers at the bottom" } } }

Prompt structure
  • Modelgpt-image-2
  • Use caseproduct-hero-shot
  • Styleeditorial, minimal, photorealistic
  • Aspect ratioFlexible
Best used for
  • Use caseproduct-hero-shot
  • Styleeditorial, minimal, photorealistic
  • Recommended specs1:1, 4:5, 16:9, or 9:16
  • ModelGPT Image 2
How to customize

Use this Skincare E-commerce Landing Page Mockup prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the product-hero-shot intent and editorial, minimal, photorealistic direction stable.

Editable variables
  • SubjectReplace the product, person, scene, interface, or object being generated.
  • Use caseKeep or rewrite the destination as product hero shot, ad creative, cover image, poster, or ecommerce hero.
  • FrameChoose 1:1, 4:5, 16:9, or 9:16 based on the final placement.
  • Brand cuesAdd colors, materials, props, text-safe space, and the platform where the image will be used.
Recommended specs

Choose the frame for the destination first, then use 1K, 2K, or 4K based on output quality needs. Product images and posters usually benefit from higher resolution.

Pre-generation checklist
  • CheckSubject, lighting, composition, and frame are specific enough to review.
  • CheckText-safe space is included when the image will carry a headline or ad copy.
  • CheckResolution, credit cost, and final destination are checked before generation.
Why this prompt works

Skincare E-commerce Landing Page Mockup works because it starts from the image job, then controls subject, composition, lighting, style, and frame. It is best for product hero shot while keeping the editorial, minimal, photorealistic direction stable.

Common questions
  • Can I use it directly?Yes. Replace the subject, brand cues, and frame, then generate in Image2Studio.
  • Which ratio should I use?Choose 1:1, 4:5, 16:9, or 9:16 based on the destination.