01
设计气质 DNA
前端设计师作品集极简开发者
一个干净、组织有序的作品集
02
色彩
#000000Ink#FFFFFFBG#F5F5F5BG quiet#888888Mutedrgba(0,0,0,0.1)Line高对比度单色调，搭配用于项目图像的柔和灰色容器
03
字体
- display
24px · 400 - body
16px · 400
正文使用衬线字体 · 标题使用相同的衬线字体 · 斜体文本用于强调和链接
04
间距
4px8px16px24px32px48px64px96px基于行高的垂直韵律
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框，布局依赖间距和背景对比
06
布局
1400container
2columns
48pxgutter
768 / 1024breakpoints
固定列宽的双栏布局，无复杂网格
07
动效与交互
0msmicro
0mssmall
0msmedium
noneeasing
静态，无可见动画
无可见悬停效果 · 无可见点击效果
08
组件
- button 无可见按钮
- card 带有灰色背景容器的项目卡片
- chip 无可见标签
- input 无可见输入框
- hero 无，直接以简介文本开始
09
文案语气与禁用清单
- 语气 专业、直接且内敛
- 标题风格 简洁的左对齐文本
- 按钮文案 无可见行动号召按钮
- 不要使用明亮或饱和的颜色——截图显示的是严格的单色调色板
- 不要添加阴影或复杂的深度效果——截图显示的是平面效果
- 不要为正文使用无衬线字体——截图显示的是过渡衬线体
- 不要用多栏或侧边栏使布局杂乱——截图显示的是简单的双栏分割
- 不要使用装饰性边框或线条——截图依赖间距和背景色
- 不要添加动画或过渡效果——截图显示的是一个完全静态的页面
- 避免: 过度装饰
- 避免: 复杂交互
- 避免: 多种颜色
11
System Prompt
这是一个面向前端设计师的极简作品集网站，以其极度克制以及对排版和内容的专注为特点。调色板严格遵循单色原则，使用纯黑（#000000）文本搭配白色（#FFFFFF）背景，并使用柔和的灰色（#F5F5F5）来容纳项目截图。排版完全基于单一的过渡衬线字体类别，营造出连贯而经典的视觉感受。关键的设计约束包括避免任何色彩强调、阴影、边框或装饰元素。布局采用简单的双栏结构，并提供充足的间距，优先考虑可读性和内容清晰度，而非视觉复杂性。