01
设计气质 DNA
策展视觉灵感设计参考简洁高端
面向创意专业人士的数字情绪板平台。
02
色彩
#1019edAccent#fdfdfdInk#a3a3a3Ink soft#050505BG#151515BG soft#1e1e1eBG quiet#737373Mutedrgba(64,64,64,0.5)Line采用纯黑与纯白，并搭配单一鲜明蓝色点缀的高对比度暗色模式。
03
字体
- display
60px · 500 - h2
36px · 500 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px基于 4px 的基础网格，版块间采用充裕的垂直间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 12px
lg · 20px
pill · 9999px
用于卡片和输入框的 1px 实线 rgb(64,64,64) 边框。
0px 18px 70px rgba(0,0,0,0.35)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单栏布局，配备大型英雄区域。
07
动效与交互
150msmicro
400mssmall
680msmedium
cubic-bezier(0.22, 0.86, 0, 1)easing
页面加载时淡入并放大 · 悬停时平滑的颜色过渡
细微的背景色变化或透明度偏移。 · 通过颜色过渡提供即时反馈。
08
组件
- button 药丸形主按钮，采用纯蓝色填充；次要按钮为带边框的幽灵样式。
- card 深色凸起表面，圆角设计搭配细微边框。
- chip 用于平台图标（iPhone App、Figma 插件等）的药丸形容器。
- input 深色输入框，圆角设计搭配细微边框。
- hero 居中的大型标题，附带副标题和醒目的 CTA 按钮。
09
文案语气与禁用清单
- 语气 专业、简洁且自信。
- 标题风格 直接且有冲击力，聚焦价值主张。
- 按钮文案 行动导向且清晰，例如「构建你的库」。
- 不要使用浅色背景——截图显示为纯黑 (#050505) 背景。
- 不要使用装饰性字体——截图显示为简洁、几何感的无衬线字体。
- 不要使用多种强调色——截图显示为单一的鲜明蓝色 (#1019ed) 强调色。
- 不要使用尖角按钮——截图显示为完全的药丸形按钮（9999px 圆角）。
- 不要使用纤细、浅色的字体——截图显示为中等字重 (500) 的标题以增强冲击力。
- 不要使用杂乱的背景或渐变——截图显示为纯色、平坦的深色表面。
- 避免: 俏皮或随意的语言
- 避免: 视觉杂乱
- 避免: 复杂的渐变
10
包内真实截图
11
System Prompt
这是一款面向设计师的高端视觉策展平台，强调简洁、极简的暗色模式美学。主要背景为深近黑色 (#050505)，与纯白色 (#fdfdfd) 文字和柔和的灰色 (#a3a3a3) 次要文字形成对比。单一的鲜明蓝色 (#1019ed) 仅用于主要的行动号召，例如「构建你的库」。字体使用几何无衬线字体类别，并采用大号展示比例 (60px) 以增强冲击力。关键设计约束包括：避免浅色模式、避免多种强调色、使用药丸形按钮而非矩形按钮、避免装饰性字体，以及保持充裕的留白，确保视觉焦点始终停留在策展内容上。