Prompt template
Dermatologist Skincare Landing Page
A clinical skincare landing page with a white pump bottle, cream dollop, model before lab glassware and a dermatologist badge; brand, accent and label 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": "skincare e-commerce landing page mockup", "brand": "DERMA CALM", "color_palette": ["white", "light blue", "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": "敏感な肌にも、毎日つづけられる安心ケア。", "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 Moisture Barrier Serum", "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"] }, "right_column": { "subject": "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" } } }
Click a highlighted part to change it.
When to use it
Use when a sensitive-skin product needs a storefront mockup that leans on clinical cues such as lab glass and a doctor-supervised badge.
How to get the best result
- Keep the brand to two words; it sits in the header lockup above a Japanese subtext line the prompt leaves to the model.
- Pick one calm accent to join white and light blue; it colors the buttons and icons on a page selling low irritation.
- Label the bottle with a short category like barrier serum; it prints on a small front panel by a fixed cream dollop.
Watch-outs
- The hero subtext, header subtext and fine print are described rather than quoted, so expect them to render as gibberish.
- Six nav links, two button pairs, three cards and three badges are a lot of small labels; check each before use.
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.
- Dark Mode Men's Skincare Landing PageUse 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.
- 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.