01
设计气质 DNA
创意工作室快节奏好奇心驱动力
用于展示高端数字作品的深色极简画廊。
02
色彩
#FFFFFFInk#000000BG#A0A0A0Mutedrgba(255,255,255,0.15)Line高对比度单色方案：纯黑背景搭配白色文字，确保最大视觉焦点。
03
字体
- display
56px · 500 - heading
32px · 500 - body
16px · 400
大尺寸展示文字采用紧凑字距。 · 通过字重与字号构建清晰视觉层次。 · 确保正文在深色背景上保持高度可读性。
04
间距
4px8px16px24px32px48px64px96px采用统一4px基础网格构建垂直与水平间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
卡片与输入框采用1px实线 rgba(255,255,255,0.15) 边框
0 4px 24px rgba(0,0,0,0.5)
06
布局
1400container
12columns
24pxgutter
768 / 1024breakpoints
作品集卡片采用网格瀑布流布局
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
内容加载时的细微渐显效果 · 悬停状态的平滑过渡
交互元素在悬停时增强边框不透明度或细微调整背景。 · 通过不透明度变化提供即时视觉反馈。
08
组件
- button 药丸形轮廓按钮，搭配白色文字与边框。
- card 深色卡片：上方图片，下方文字，配以细微边框。
- chip 小型轮廓药丸形标签/分类标识。
- input 深色背景搭配细微边框，用于搜索或筛选功能。
- hero 采用大号加粗字体标题，辅以简洁支撑语句。
09
文案语气与禁用清单
- 语气 自信、简洁且具有前瞻性。
- 标题风格 采用直接有力的陈述，以行动或理念为主导。
- 按钮文案 使用简洁明了的指令，如“关于我们 →”或“开启声音”。
- 避免使用多种强调色——截图显示严格的单色调色板。
- 避免使用衬线或装饰性字体——截图显示清晰的几何无衬线字体。
- 避免为元素添加阴影或3D效果——截图采用扁平化深色界面。
- 避免使用不必要的图标或装饰元素使界面杂乱——截图优先呈现字体与图像。
- 避免大量使用圆角——截图显示主要采用尖角或极其细微的圆角。
- 避免将行动号召按钮设为高饱和度色彩——截图使用白色文字的轮廓按钮。
- 避免: 技术术语
- 避免: 过度友好或随意的用语
- 避免: 冗长的解释
11
System Prompt
这是一个采用极简高对比美学的深色模式创意工作室作品集。设计使用纯黑(#000000)背景，搭配清晰的白色(#FFFFFF)字体与次要文本的浅灰(#A0A0A0)。字体仅限无衬线体，大尺寸展示文字采用紧凑字距以营造大胆现代感。布局基于网格，展示包含图片与简洁文字的项目卡片。导航采用水平栏搭配轮廓药丸形按钮。关键注意事项：避免彩色强调色(调色板严格单色)，避免衬线或装饰字体(使用清晰无衬线体)，避免圆角(边角尖锐或极其细微)，避免界面杂乱(优先保证留白与字体排印)，避免厚重阴影(界面扁平深色)，避免高饱和度行动号召按钮(采用细微轮廓按钮)。