Skincare Landing Page Mockup
A polished e-commerce landing page mockup for a skincare brand, featuring hero imagery, product bottle, and trust badges in a clean clinical layout.
Budget models do not render typography reliably; this case needs a higher tier.
Image generated by us with gpt-image-2. Prompt by @ryuya__31
Prompt
Design a skincare e-commerce landing page mockup for a brand called [BRAND], using a color palette of white, light blue, and [PRIMARY_COLOR]. Header: a left-aligned brand logo with subtext, a navigation bar with 6 links (ABOUT, PRODUCT, FEATURE, INGREDIENT, VOICE, Q&A), and two buttons labeled 'My Page' and 'Buy Now'. Hero section arranged in three columns: the left column shows a headline reading [HEADLINE_TEXT], a subtext paragraph describing the product's low irritation, moisturizing, fragrance-free, and alcohol-free benefits, plus two buttons labeled 'Buy Now' and 'Learn More'; the center column shows a white pump bottle with a clear cap labeled [PRODUCT_NAME], accompanied by a dollop of white cream and a circular badge reading 'Dermatologist Approved'; the right column shows [MODEL_DESCRIPTION] against a blurred laboratory glassware background in a bright, clean clinical setting. Bottom features panel: three left cards displaying '95% satisfaction with 5 stars', a shield icon for low irritation formula, and a drop icon for skin barrier support; three right badges displaying a no-fragrance icon, a no-alcohol icon, and a patch-tested icon; and a footer with fine print disclaimers at the bottom.
5 placeholders still empty. Copied as is, the generator will draw the brackets literally inside the image.
Editable variables
Change any value and the prompt rewrites above. Copy the finished result.
Name of the skincare brand displayed in the header logo.
Primary accent color used alongside white and light blue in the design palette.
Main headline text in the hero section promoting gentle daily skincare.
Name of the skincare product printed on the pump bottle label.
Description of the person shown in the right column of the hero section.
Generate the image here
With your own OpenAI key. Free for us, and what you spend is yours.
Kept in this browser only and sent straight to OpenAI's API: it never passes through a server of ours, because there is no server of ours in between. Check it yourself in the network tab.
Fill in the remaining variables before generating, or the model will draw the brackets.
