Prompt Gallery
Beauty Product Landing Page

Beauty Product Landing Page

为护肤品牌生成简洁、具有临床感的网页设计稿,包含首屏大图、产品展示及功能亮点。

Author 龍哉|AI Ad Creator Date 4/20/2026 Model gpt-image Language en
Product beautylanding-pagemockupe-commercecosmetics
{
  "type": "skincare e-commerce landing page mockup",
  "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "color_palette": ["white", "light blue", "{argument name=\"primary color\" default=\"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": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
        "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 {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
        "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
      },
      "right_column": {
        "subject": "{argument name=\"model description\" default=\"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"
    }
  }
}
{
  "type": "e-commerce landing page hero section mockup",
  "aesthetic": "clean, bright, airy, feminine, floral accents with purple flowers, {argument name=\"primary color\" default=\"soft pink\"} and white color palette, soft lighting",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}",
    "navigation_links": {
      "count": 5,
      "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"]
    },
    "cta_button": "今すぐ試す"
  },
  "hero_section": {
    "left_column": {
      "headline": "{argument name=\"headline text\" default=\"鏡を見るたび、うるおう透明感。\"}",
      "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。",
      "feature_badges": {
        "count": 3,
        "style": "pill-shaped with small icons",
        "labels": ["敏感肌OK", "高保湿", "朝晩使える"]
      },
      "bullet_points": {
        "count": 3,
        "style": "pink checkmarks",
        "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"]
      },
      "cta_buttons": {
        "count": 2,
        "labels": ["初回限定で試してみる >", "成分をチェック >"]
      },
      "trust_badges": "送料無料 / 初回限定 / 定期縛りなし"
    },
    "center_subject": {
      "model": "{argument name=\"model description\" default=\"young East Asian woman smiling, touching her cheek\"}",
      "action": "holding a dropper bottle of serum"
    },
    "right_column": {
      "product_display": {
        "count": 2,
        "items": ["{argument name=\"product type\" default=\"moisturizing boost serum\"} dropper bottle", "packaging box"]
      },
      "stat_cards": {
        "count": 3,
        "style": "floating white rounded rectangles with gold accents",
        "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"]
      }
    }
  },
  "bottom_section": {
    "benefit_cards": {
      "count": 3,
      "style": "horizontal white rounded rectangles with icons",
      "labels": ["うるおい", "透明感", "使いやすさ"]
    }
  }
}
{
  "type": "护肤品电商落地页设计稿",
  "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "color_palette": ["白色", "浅蓝色", "{argument name=\"primary color\" default=\"深蓝色\"}"],
  "layout": {
    "header": {
      "logo": "左对齐品牌名称,附带日文副标题",
      "navigation_links": {
        "count": 6,
        "labels": ["关于我们", "产品", "功能", "成分", "用户评价", "常见问题"]
      },
      "buttons": {
        "count": 2,
        "labels": ["我的账户", "立即购买"]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name=\"hero headline\" default=\"敏感肌也能安心使用的日常护理。\"}",
        "subtext": "详细介绍低刺激、保湿、无香料及无酒精配方的段落",
        "buttons": {
          "count": 2,
          "labels": ["立即购买", "了解更多"]
        }
      },
      "center_column": {
        "product": "带有透明瓶盖的白色按压式瓶身,标签为 {argument name=\"product type\" default=\"保湿屏障精华液\"}",
        "props": ["一小团白色乳霜", "印有“皮肤科医生监修”字样的圆形徽章"]
      },
      "right_column": {
        "subject": "{argument name=\"model description\" default=\"一位皮肤清透亮泽、轻触脸颊的年轻东亚女性\"}",
        "background": "明亮、干净的临床环境中模糊的实验室玻璃器皿"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": ["95% 五星好评", "代表低刺激配方的盾牌图标", "代表皮肤屏障支持的水滴图标"]
      },
      "right_badges": {
        "count": 3,
        "descriptions": ["无香料图标", "无酒精图标", "过敏测试图标"]
      },
      "footer": "底部的详细免责声明"
    }
  }
}
{
  "type": "e-commerce landing page hero section mockup",
  "aesthetic": "깨끗하고 밝고 공기감 있는 여성스러운 보라색 꽃의 플로럴 악센트, {argument name=\"primary color\" default=\"소프트 핑크\"}와 흰색 색상 팔레트, 부드러운 조명",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}",
    "navigation_links": {
      "count": 5,
      "labels": ["특징", "성분", "고객의 목소리", "사용법", "FAQ"]
    },
    "cta_button": "지금 바로 시도해보세요"
  },
  "hero_section": {
    "left_column": {
      "headline": "{argument name=\"headline text\" default=\"거울을 볼 때마다 촉촉한 투명감.\"}",
      "subheadline": "건조하고 칙칙한 피부에. 풍부한 미용 성분이 함유된 매일 사용을 위한 집중 보습 세럼.",
      "feature_badges": {
        "count": 3,
        "style": "작은 아이콘이 있는 알약 모양",
        "labels": ["민감성 피부 OK", "고보습", "아침 저녁 사용 가능"]
      },
      "bullet_points": {
        "count": 3,
        "style": "핑크 체크 표시",
        "labels": ["미용 성분을 확실히 전달", "탄력과 광택 있는 인상으로", "지속하기 쉬운 간단한 관리"]
      },
      "cta_buttons": {
        "count": 2,
        "labels": ["첫 구매 한정으로 시도해보기 >", "성분 확인하기 >"]
      },
      "trust_badges": "무료 배송 / 첫 구매 한정 / 정기 구독 없음"
    },
    "center_subject": {
      "model": "{argument name=\"model description\" default=\"젊은 동아시아 여성 미소 지으며 뺨을 만지고 있는\"}",
      "action": "세럼의 드로퍼 병을 들고 있는"
    },
    "right_column": {
      "product_display": {
        "count": 2,
        "items": ["{argument name=\"product type\" default=\"보습 부스트 세럼\"} 드로퍼 병", "포장 박스"]
      },
      "stat_cards": {
        "count": 3,
        "style": "금색 악센트가 있는 떠 있는 흰색 둥근 직사각형",
        "labels": ["만족도 96%", "미용 성분 5종 함유", "사용자 12,000명 돌파"]
      }
    }
  },
  "bottom_section": {
    "benefit_cards": {
      "count": 3,
      "style": "아이콘이 있는 수평 흰색 둥근 직사각형",
      "labels": ["촉촉함", "투명감", "사용 용이성"]
    }
  }
}