01
设计气质 DNA
极简专业自信直接精致
一张高端作品集卡片，仅通过色彩和字体传递出沉静的自信。
02
色彩
#FFFFFFInk#0035C7BGrgba(255,255,255,0.1)Line单色高饱和度背景搭配纯白文字，以实现最佳可读性和视觉冲击力。
03
字体
- display
32px · 400 - body
16px · 400
标题和正文使用同一款过渡衬线体 · 在饱和背景上保持充裕的段落间距以提高可读性
04
间距
4px8px16px24px32px48px64px96px标准4px基础网格，文本块之间采用充裕的垂直边距
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框；完全依赖色彩对比进行分隔
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
左对齐文本列位于视口上部，右对齐单个导航链接
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
可能是在联系链接和右上角导航上使用简单的hover状态
文本链接的透明度细微变化 · 立即导航至相应页面或mailto链接
08
组件
- button 无可见按钮
- card 无可见卡片
- chip 无可见标签
- input 无可见输入框
- hero 全屏纯色区域，作为简介文本和联系链接的背景
09
文案语气与禁用清单
- 语气 专业、直接且高度自信
- 标题风格 第一人称传记式叙述，直白且不煽情
- 按钮文案 简单文本链接（'Email'、'LinkedIn'），无按钮或视觉强调
- 不要使用多色调色板——截图显示的是严格的蓝白单色方案
- 不要使用无衬线字体——截图完全使用过渡衬线体
- 不要将主要文本块居中对齐——截图显示它们严格左对齐
- 不要添加卡片或按钮等复杂UI组件——截图仅显示纯文本链接
- 不要使用粗体字重——截图显示全文使用统一、较轻的字重
- 不要添加装饰性图形或图像——截图完全依赖字体和纯色
- 避免: 使用多种背景色
- 避免: 添加装饰性元素或图标
- 避免: 使用无衬线字体
- 避免: 用多列或网格使布局过于复杂
- 避免: 为文字添加阴影或投影
- 避免: 为正文使用粗体字重
11
System Prompt
一个由饱和蓝色背景和自信的左对齐白色字体定义的极简主义设计师作品集。布局简洁，采用纯色、高饱和度蓝色（#0035C7）背景搭配白色（#FFFFFF）文字。字体严格使用过渡衬线体贯穿所有文本块。关键禁忌包括避免无衬线字体、不居中对齐文本、避免多种背景色，以及不添加UI组件或图像。该网站定位为高端设计师的直接作品集。