01
设计气质 DNA
作品集设计系统品牌大胆富有表现力
现代设计师的画廊
02
色彩
#2255FFAccent#EAEAEAInk#878787Ink soft#000000BG#252525BG softrgba(0,0,0,1)Line深色画布搭配高对比度的活力强调色。
03
字体
- display
90px · 400 - body
18px · 400 - caption
13px · 400
04
间距
4px8px16px24px32px48px64px96px充裕的留白，聚焦于大型视觉元素。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
实线边框，常作为活力图形元素使用。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
类似瀑布流的大型项目卡片网格布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
平滑滚动 · 简单的透明度过渡
悬停时微妙的透明度变化。 · 标准点击行为。
08
组件
- button 极简的文字链接，无可见按钮。
- card 大型项目卡片，常混合使用多媒体与活力色彩。
- hero 纯黑背景上的粗体标题。
09
文案语气与禁用清单
- 语气 专业且自信。
- 标题风格 直接、第一人称的专业能力陈述。
- 按钮文案 简洁的指引性指令。
- 勿使用装饰性字体——截图显示为简洁的无衬线字体。
- 勿使用柔和或粉彩色调——截图显示为高对比度黑色背景搭配活力强调色。
- 勿使用细小、拥挤的字体排版——截图显示为粗体大标题与充裕间距。
- 勿使用复杂、厚重的阴影——截图显示为扁平化的图形风格。
- 勿为主界面使用浅色背景——截图显示为以深色主题为主。
- 勿使用细小、杂乱的界面元素——截图显示为聚焦于大型视觉项目展示。
- 避免: 俏皮语言
- 避免: 过度装饰性字体
- 避免: 杂乱界面
10
包内真实截图
11
System Prompt
这是一个为资深视觉设计师打造的、大胆且富有表现力的作品集网站。采用深色主题（纯黑 #000000 背景）搭配高对比度的白色（#EAEAEA）文字。鲜艳的蓝色（#2255FF）作为主要强调色，并在项目展示中使用其他高饱和度色彩，如霓虹绿和洋红。字体采用干净、中性的无衬线体（Neue Haas Grotesk），且尺寸较大。布局为大型项目卡片网格。关键禁忌：勿使用装饰性字体、勿使用浅色背景、勿使用柔和色调。