浅色模式 UI 设计系统展示板
一款干净、高级的 UI 设计系统展示板，白色背景，展示了配色样本、字体、图标、按钮、导航、组件和设备模型。整体布局采用虹彩彩虹渐变，以及带有透明玻璃质感的主视觉图形，呈现未来感的光线折射主题。
模型: gpt-image-2分类: Infographic/Edu Visual风格: 3D Render语言: en
提示词
{ "type": "UI Design System presentation board", "theme": "{argument name=\"visual theme\" default=\"optical science and light refraction\"}", "overall_aesthetic": "干净的白色背景、浅色模式、未来感、高端，带有 {argument name=\"primary gradient colors\" default=\"iridescent rainbow, pastel orange, yellow, cyan, purple, pink\"} 点缀", "header": { "title": "{argument name=\"system name\" default=\"LIGHTCORE PRISM\"}", "subtitle": "UI Design System - 浅色模式", "tags": ["FUTURISTIC", "PREMIUM", "FOCUS"], "hero_graphic": "3D 透明玻璃环折射出彩虹般的光" }, "layout": { "sections": [ { "title": "颜色", "count": 5, "labels": ["WHITE #FFFFFF", "SNOW #FAFAFC", "SLATE #F2F4F8", "BORDER #E6E8EF", "BLACK #0A0A0C"], "description": "5 个纯色块，采用圆角方块样式" }, { "title": "棱镜渐变", "count": 1, "description": "1 条长水平渐变条，下方有 5 个十六进制代码" }, { "title": "排版", "description": "大号 'Aa'，列出 4 种字体字重（Light, Regular, Medium, Semibold），以及完整字母表/数字" }, { "title": "图标设计", "count": 12, "description": "12 个极简线性图标，排列在 2x6 网格中" }, { "title": "按钮", "count": 8, "categories": ["PRIMARY", "SECONDARY", "TEXT", "ICON"], "description": "总共 8 个按钮，展示每个类别的正常和禁用状态。Primary 按钮带有彩虹般的边框和 {argument name=\"primary button text\" default=\"GET STARTED\"} 文本。" }, { "title": "导航", "count": 2, "variants": ["DESKTOP", "MOBILE"], "description": "桌面端导航包含 logo、4 个文字链接、搜索、登录和一个按钮。移动端导航包含 logo、搜索和汉堡菜单。" }, { "title": "组件", "count": 6, "items": [ "CARD: 'Photon Engine'，带有抽象的彩虹般图形和按钮", "INPUT FIELD: 带标签的搜索栏和电子邮件输入框", "PROGRESS: 68% 的彩虹般进度条", "TABS: Overview, Analytics, Settings", "TOGGLE: 2 个开关（on/off）", "DATA VISUALIZATION: 1 个带 3 个图例项的圆环图，1 个覆盖 7 天的折线图" ] }, { "title": "网页", "description": "桌面浏览器模拟图，包含标题 '{argument name=\"hero headline\" default=\"Build the Future with Light & Color\"}'、2 个按钮、一个流动的 3D 彩虹般波浪图形，以及底部 5 个合作伙伴 logo。" }, { "title": "移动应用", "description": "智能手机模拟图，显示余额 $24,880、折线图、4 个快捷操作图标、包含 3 条项目的最近活动列表，以及底部带 4 个图标的导航栏。" } ] } }