Prompt

{ "type": "skincare product landing page mockup", "design_style": "clean, clinical, trustworthy, modern", "color_palette": ["white", "{argument name=\"primary color\" default=\"light blue\"}", "navy blue"], "brand_name": "{argument name=\"brand name\" default=\"DERMA CALM\"}", "layout": { "header": { "left": "brand logo", "center": { "element": "navigation menu", "count": 6, "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"] }, "right": { "element": "action buttons", "count": 2, "labels": ["マイページ", "今すぐ購入する"] } }, "hero_section": { "background": "blurred laboratory glassware (beakers, flasks) suggesting scientific formulation", "left_column": { "headline": "{argument name=\"headline text\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}", "body_text": "description of low irritation, moisturizing, and barrier support", "call_to_action_buttons": { "count": 2, "styles": ["solid navy blue", "white with navy border"] } }, "center_column": { "product": "{argument name=\"product type\" default=\"white pump bottle of serum\"}", "props": ["dollop of white cream"], "floating_badge": "circular badge with text '皮膚科医監修'" }, "right_column": { "model": "{argument name=\"model description\" default=\"young Asian woman with glowing clear skin, smiling, touching her cheek\"}" } }, "features_section": { "container": "white rounded rectangle spanning the bottom width", "count": 6, "items": [ "satisfaction rate '95%' with 5 navy stars", "shield icon with checkmark (low irritation)", "water drop icon (skin barrier support)", "crossed-out bottle icon (fragrance-free)", "crossed-out flask icon (alcohol-free)", "clipboard icon with checkmark (patch tested)" ], "footer": "small print disclaimers at the very bottom" } } }

Result

Skincare Landing Page Mockup

Settings