# GPT Image Hub prompt

## 棱镜光感浅色UI设计系统展示板
- URL: https://www.gptimagehub.com/zh-CN/library/prismatic-light-mode-ui-design-system-board
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13507
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fprismatic-light-mode-ui-design-system-board
- Category: UI / UX 设计
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui设计, 设计规范, 展示板, 浅色模式, 彩虹渐变, 界面原型
- Updated: 2026-10-27T17:35:08.098Z
- Created: 2026-10-27T17:35:08.098Z

生成一套精致整洁的浅色UI设计系统展示板，融合虹彩棱镜折射美学。通过中括号字段可自定义主题、渐变色系与组件文字。

### Full prompt
```text
{
  "type": "UI设计规范展示看板",
  "theme": "[光学与光折射]",
  "overall_aesthetic": "纯白干净背景，浅色模式，未来感，高级质感，带有 [彩虹渐变色、柔和橙色、黄色、青色、紫色、粉色] 点缀",
  "header": {
    "title": "[LIGHTCORE PRISM]",
    "subtitle": "UI Design System - Light Mode",
    "tags": ["FUTURISTIC", "PREMIUM", "FOCUS"],
    "hero_graphic": "折射彩虹光芒的3D透明玻璃圆环"
  },
  "layout": {
    "sections": [
      {
        "title": "COLOR",
        "count": 5,
        "labels": ["WHITE #FFFFFF", "SNOW #FAFAFC", "SLATE #F2F4F8", "BORDER #E6E8EF", "BLACK #0A0A0C"],
        "description": "5个圆角方形单色色块"
      },
      {
        "title": "PRISM GRADIENTS",
        "count": 1,
        "description": "1条长水平渐变色条，下方标注5个十六进制颜色代码"
      },
      {
        "title": "TYPOGRAPHY",
        "description": "大号'Aa'展示，包含4种字重（Light、Regular、Medium、Semibold）及完整字母和数字"
      },
      {
        "title": "ICONOGRAPHY",
        "count": 12,
        "description": "2x6网格排列的12个极简线条图标"
      },
      {
        "title": "BUTTONS",
        "count": 8,
        "categories": ["PRIMARY", "SECONDARY", "TEXT", "ICON"],
        "description": "展示常规态与禁用态的共8个按钮。主按钮带有彩虹渐变边框和 '[GET STARTED]' 文字"
      },
      {
        "title": "NAVIGATION",
        "count": 2,
        "variants": ["DESKTOP", "MOBILE"],
        "description": "桌面端导航包含Logo、4个文本链接、搜索栏、登录和CTA按钮；移动端导航包含Logo、搜索和汉堡菜单"
      },
      {
        "title": "COMPONENTS",
        "count": 6,
        "items": [
          "CARD: 带有抽象彩虹渐变图形和按钮的'Photon Engine'卡片",
          "INPUT FIELD: 搜索栏和带标签的邮箱输入框",
          "PROGRESS: 显示68%的彩虹渐变进度条",
          "TABS: Overview、Analytics、Settings选项卡",
          "TOGGLE: 2个开关（开启与关闭）",
          "DATA VISUALIZATION: 1个带3项图例的环形图，1个7日折线图"
        ]
      },
      {
        "title": "WEB PAGE",
        "description": "桌面浏览器模型，展示标题 '[Build the Future with Light & Color]'、2个按钮、流动的3D彩虹波浪图以及底部5个合作伙伴标志"
      },
      {
        "title": "MOBILE APP",
        "description": "智能手机模型，展示24,880美元余额、折线图、4个快捷操作图标、3项最近动态列表以及4图标底部导航栏"
      }
    ]
  }
}
```