界面交互设计图 · #134

{
  "type": "护肤品电商登陆页模型",
  "brand": "DERMA CALM",
  "color_palette": [
    "白色",
    "浅蓝色",
    "深蓝色"
  ],
  "layout": {
    "header": {
      "logo": "左对齐品牌名称，附日文副标题",
      "navigation_links": {
        "count": 6,
        "labels": [
          "关于",
          "产品",
          "特点",
          "成分",
          "用户声音",
          "常见问答"
        ]
      },
      "buttons": {
        "count": 2,
        "labels": [
          "マイページ",
          "今すぐ購入する"
        ]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "即使是敏感肌，也能每天安心护理。",
        "subtext": "段落详细说明低刺激、保湿、无香料、无酒精的优势",
        "buttons": {
          "count": 2,
          "labels": [
            "今すぐ購入する",
            "詳しく見る"
          ]
        }
      },
      "center_column": {
        "product": "白色泵瓶，透明盖，标注 保湿屏障精华液",
        "props": [
          "白色乳霜球",
          "圆形徽章，文字 皮膚科医監修"
        ]
      },
      "right_column": {
        "subject": "年轻东亚女性，皮肤清透光滑，手触颊部",
        "background": "模糊的实验室玻璃器皿，明亮洁净的临床环境"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": [
          "95% 满意度，5星评价",
          "盾牌图标，低刺激配方",
          "水滴图标，皮肤屏障支持"
        ]
      },
      "right_badges": {
        "count": 3,
        "descriptions": [
          "无香料图标",
          "无酒精图标",
          "皮肤贴片测试图标"
        ]
      },
      "footer": "底部细则免责声明"
    }
  }
}