Men's Skincare Landing Page Mockup
A dark-mode, professional website mockup for a men's skincare brand, featuring a hero banner, product shot, and satisfaction statistics.
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 sleek, professional, dark-mode website landing page mockup for a men's skincare brand. Color palette: [COLOR_SCHEME] background with white text and subtle blue gradients. Header: a logo reading '[BRAND_NAME]', a navigation menu with the items 'HOME', 'PRODUCT', 'ABOUT', 'FEATURE', 'FAQ', and a call-to-action button reading 'Start Now >'. Hero section, left column: a bold headline reading '[MAIN_HEADLINE]', a sub-headline reading 'Men's skin can be simpler', three lines of descriptive body text about skincare benefits, two buttons — one solid blue reading 'Start Now >' and one outlined reading 'Learn More >' — and three feature highlights with icons: a sparkle icon labeled 'Shine Control' with subtitle 'Balances oil', a water-drop icon labeled 'Moisture' with subtitle 'Continuous hydration', and a shield/bottle icon labeled 'All-in-One' with subtitle 'Toner, serum, and lotion in one bottle'. Center image: a handsome [TARGET_DEMOGRAPHIC], clean-cut with dark hair and flawless glowing skin, wearing a black shirt, posed with one hand touching his chin thoughtfully, lit with dramatic studio lighting that highlights his facial structure. Right column: a product shot featuring a tall cylindrical dark blue bottle with visible water droplets, labeled '[BRAND_NAME]', '[PRODUCT_TYPE]', and '150mL', resting on a textured dark rock surface, with a circular outlined badge reading 'Total care for men's skin concerns with just this one product'. Bottom stats bar with three items: a users icon labeled 'Total Units Sold' with value 'Over 1.2 million sold', a star icon labeled 'Satisfaction Rate' with value '92.1%', and a checklist icon labeled 'Repeat Purchase Rate' with value '85.3%', plus small legal footnote text on the right. All on-image text (logo, menu items, headlines, buttons, labels, badge text, and stats) should be rendered in [LANGUAGE].
7 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.
The primary background color scheme used throughout the landing page design.
The fictional skincare brand name displayed in the header logo and on the product bottle label.
The main headline text displayed prominently in the hero section of the landing page.
The demographic description of the model featured in the hero section's center image.
The product category or type name printed on the bottle label.
The language in which all on-image text (logo, menu items, headlines, buttons, labels, badge text, and stats) should be rendered.
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.
