UI & Interfaces

界面交互设计图

Prompt 模板

{
  "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": [
        "うるおい",
        "透明感",
        "使いやすさ"
      ]
    }
  }
}