Prompt template
Dark Mode Men's Skincare Landing Page
A dark-mode men's skincare landing page: headline column, moody black-shirt portrait, dark blue bottle on rock; base color, brand and product line change.
Start from an example
Pick an example to load its exact settings, then make it yours.
Make it yours
Only the parts worth changing are shown. The prompt updates as you go.
Your prompt
{ "type": "website landing page mockup", "theme": "men's skincare, sleek, professional, dark mode", "color_palette": "dark navy blue, white text, subtle blue gradients", "header": { "logo": "NEX SKIN", "navigation": ["HOME", "PRODUCT", "ABOUT", "FEATURE", "FAQ"], "cta_button": "今すぐ始める >" }, "hero_section": { "left_column": { "headline": "清潔感は、毎日のスキンケアから。", "sub_headline": "男の肌は、もっとシンプルでいい。", "body_text": "3 lines of descriptive text about skincare benefits", "buttons": [ {"style": "solid blue", "text": "今すぐ始める >"}, {"style": "outlined", "text": "詳しく見る >"} ], "feature_highlights": { "count": 3, "items": [ {"icon": "sparkle", "title": "テカリ対策", "subtitle": "皮脂バランスを整える"}, {"icon": "water drop", "title": "保湿", "subtitle": "うるおいを与え続ける"}, {"icon": "shield/bottle", "title": "オールインワン", "subtitle": "化粧水・美容液・乳液がこれ1本"} ] } }, "center_image": { "subject": "handsome young Asian man", "appearance": "clean-cut, dark hair, flawless glowing skin, wearing a black shirt", "pose": "hand touching chin thoughtfully", "lighting": "dramatic studio lighting highlighting facial structure" }, "right_column": { "product_shot": { "bottle": "tall cylindrical dark blue bottle with water droplets", "labels": ["NEX SKIN", "ALL-IN-ONE LOTION", "150mL"], "base": "textured dark rock surface", "badge": "circular outlined badge reading 'これ1本で男の肌悩みをトータルケア'" } } }, "bottom_stats_bar": { "count": 3, "items": [ {"icon": "users", "label": "累計販売本数", "value": "120万本突破"}, {"icon": "star", "label": "使用感満足度", "value": "92.1%"}, {"icon": "checklist", "label": "リピート率", "value": "85.3%"} ], "footnotes": "small legal text on the right" } }
Click a highlighted part to change it.
When to use it
Use when a men's grooming product needs a sleek dark storefront mockup and the brand has to appear on both the header and the bottle.
How to get the best result
- Go deep with the base color; white text and blue gradients sit on it everywhere, and the bottle is fixed as dark blue.
- Keep the brand to two words in caps; it prints in the header and again as the top line of the bottle label.
- Set the product line in caps like a format name; it is the middle label line between the brand and a fixed 150mL mark.
Watch-outs
- The body copy and the legal footnotes are only described, not quoted, so those lines come back as filler or gibberish.
- Header, nav, three features, three stats and the bottle label exceed twenty text items; expect small-text errors.
Related templates
- Anime Mascot Candy Brand BoardUse when a mascot character needs a full candy-brand presentation with packaging, poster and merch on one sheet, in her own color and motif.
- Mascot Character Design DocumentUse when you want a single sheet that looks like a complete mascot development process for a brand, not just one character render.
- Dermatologist Skincare Landing PageUse when a sensitive-skin product needs a storefront mockup that leans on clinical cues such as lab glass and a doctor-supervised badge.
- Pore Care Skincare Landing HeroUse when an acne or pore product needs an English-labeled storefront hero with stats and feature icons around a two-bottle shot.
- Floral Serum Landing Page HeroUse when a skincare serum needs a mock storefront hero in Japanese with claims, badges and stats already laid out around your brand.
- Patterned Fashion Collection CatalogUse when a textile print needs to be shown across a small collection as a catalog page rather than as a lone swatch.