Iridescent Butterfly UI/UX 设计系统

中文提示词

{
  "type": "UI/UX 设计系统展示项目",
  "theme": "深色模式，自然灵感，发光虹彩美学",
  "header": {
    "title": "自然灵感 UI\n{argument name=\"system title\" default=\"蝴蝶虹彩\"}\nUI/UX 设计系统",
    "description": "{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。\"}",
    "hero_image": "大型、高细节、发光的蓝紫色虹彩蝴蝶翅膀"
  },
  "layout": {
    "sections": [
      {
        "title": "设计灵感",
        "count": 4,
        "description": "展示虹彩蝴蝶翅膀特写和光线折射的方形缩略图"
      },
      {
        "title": "关键词",
        "count": 5,
        "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"]
      },
      {
        "title": "色彩系统",
        "subsections": [
          { "title": "主色", "count": 3, "labels": ["大闪蝶蓝 #1E5BFF", "虹彩紫 #7A5CFF", "天空光 #00E6FF"] },
          { "title": "中性色", "count": 3, "labels": ["午夜黑 #0B0F19", "柔和海军蓝 #141A2E", "珍珠白 #F3F6FC"] },
          { "title": "强调色与渐变", "count": 2, "labels": ["彩虹光泽", "蝴蝶光芒"] }
        ]
      },
      {
        "title": "排版",
        "content": "Aa Poppins Light / Regular / Medium / SemiBold"
      },
      {
        "title": "应用图标",
        "count": 1,
        "text": "应用名称 {argument name=\"app name\" default=\"Winglet\"} 轻盈。灵动。优美。"
      },
      {
        "title": "UI 组件",
        "subsections": [
          { "title": "按钮", "count": 6, "labels": ["主要按钮", "次要按钮", "玻璃质感", "心形图标", "发光球体图标", "开关"] },
          { "title": "其他元素", "count": 5, "labels": ["搜索栏", "标签 (New)", "进度条 (72%)", "卡片 (Blue Morph)", "滑块"] }
        ]
      },
      {
        "title": "移动端 UI",
        "count": 3,
        "screens": ["探索页面", "带有大型蝴蝶翅膀的今日页面", "带有波形图的音频播放页面"]
      },
      {
        "title": "网页设计预览",
        "count": 1,
        "details": "桌面浏览器模型，首屏区域包含 '{argument name=\"web hero headline\" default=\"光之生命\"}' 和 '立即探索' 按钮"
      },
      {
        "title": "视觉背景",
        "count": 4,
        "description": "展示抽象虹彩波纹的矩形缩略图"
      }
    ],
    "footer": "源于自然的设计，为体验而生。"
  }
}

原始提示词

{
  "type": "UI/UX Design System presentation board",
  "theme": "Dark mode, nature-inspired, glowing iridescent aesthetics",
  "header": {
    "title": "NATURE INSPIRED UI\n{argument name=\"system title\" default=\"BUTTERFLY IRIDESCENCE\"}\nUI/UX Design System",
    "description": "{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。\"}",
    "hero_image": "Large, highly detailed, glowing blue and purple iridescent butterfly wing"
  },
  "layout": {
    "sections": [
      {
        "title": "INSPIRATION",
        "count": 4,
        "description": "Square thumbnails showing close-ups of iridescent butterfly wings and light refractions"
      },
      {
        "title": "KEYWORDS",
        "count": 5,
        "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"]
      },
      {
        "title": "COLOR SYSTEM",
        "subsections": [
          { "title": "PRIMARY", "count": 3, "labels": ["Morpho Blue #1E5BFF", "Iridescent Purple #7A5CFF", "Sky Glow #00E6FF"] },
          { "title": "NEUTRAL", "count": 3, "labels": ["Midnight #0B0F19", "Soft Navy #141A2E", "Pearl #F3F6FC"] },
          { "title": "ACCENT & GRADIENT", "count": 2, "labels": ["Rainbow Sheen", "Butterfly Glow"] }
        ]
      },
      {
        "title": "TYPOGRAPHY",
        "content": "Aa Poppins Light / Regular / Medium / SemiBold"
      },
      {
        "title": "APP STORE ICON",
        "count": 1,
        "text": "App Name {argument name=\"app name\" default=\"Winglet\"} Light. Alive. Beautiful."
      },
      {
        "title": "UI COMPONENTS",
        "subsections": [
          { "title": "BUTTONS", "count": 6, "labels": ["Primary", "Secondary", "Glass", "heart icon", "glowing sphere icon", "toggle switch"] },
          { "title": "OTHER ELEMENTS", "count": 5, "labels": ["Search bar", "Tag (New)", "Progress bar (72%)", "Card (Blue Morph)", "Slider"] }
        ]
      },
      {
        "title": "MOBILE UI",
        "count": 3,
        "screens": ["Explore screen", "Today screen with large butterfly wing", "Audio player screen with waveform"]
      },
      {
        "title": "WEB DESIGN PREVIEW",
        "count": 1,
        "details": "Desktop browser mockup, hero section with '{argument name=\"web hero headline\" default=\"LIGHT IS ALIVE\"}' and 'Explore Now' button"
      },
      {
        "title": "VISUAL BACKGROUNDS",
        "count": 4,
        "description": "Rectangular thumbnails showing abstract iridescent waves"
      }
    ],
    "footer": "Design with Nature, Made for Experience."
  }
}