Skincare Landing Page Mockup

返回灵感广场

1 / 1

Skincare Landing Page Mockup

案列来源：パク🎈動画広告分析Pro × AI

UI 设计稿openai/gpt-image-2#ui design#mockup

4.1w人正在用

4:5推荐比例

2.3w收藏人数

提示词模板

{
  "type": "skincare product landing page mockup",
  "design_style": "clean, clinical, trustworthy, modern",
  "color_palette": [
    "white",
    "light blue",
    "navy blue"
  ],
  "brand_name": "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": "敏感な肌にも、毎日つづけられる安心ケア。",
        "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": "white pump bottle of serum",
        "props": [
          "dollop of white cream"
        ],
        "floating_badge": "circular badge with text '皮膚科医監修'"
      },
      "right_column": {
        "model": "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"
    }
  }
}