01
设计气质 DNA
极简专业作品集整洁
为设计师作品准备的纯白画廊空间
02
色彩
#000000Ink#FFFFFFBG#999999Mutedrgba(0, 0, 0, 0.1)Line绝对的极简主义，纯白与黑色形成高对比度。
03
字体
- display
64px · 400 - h1
48px · 400 - h2
32px · 400 - body
16px · 400 - caption
14px · 400
文本元素周围保留大量留白 · 所有文本保持严格的左对齐 · 排版保持轻盈、不抢眼 · 每个字体规模级别使用一致的字间距
04
间距
4px8px16px24px32px48px64px96px128px宽松、通透的间距，元素间留有较大空隙
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
最小化使用，仅在必要时采用 1px 实线边框
06
布局
1400container
12columns
24pxgutter
768 / 1024breakpoints
非对称网格布局，留有充足边距
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
内容加载时的柔和淡入效果 · 流畅的滚动行为 · 链接上平滑的 hover 过渡
链接上微妙的颜色变化或下划线 · 无复杂动画的即时导航
08
组件
- button 极简的、基于文本的导航链接
- card 干净、无边框的项目展示卡片
- hero 居中展示的大号姓名，搭配极简的描述文字
09
文案语气与禁用清单
- 语气 专业、内敛且自信
- 标题风格 大号字体呈现简短、有力的陈述
- 按钮文案 内敛的、基于文本的行动号召
- 不要使用彩色背景 — 截图显示通篇为纯白 (#FFFFFF)
- 不要添加装饰元素或插图 — 截图仅显示文字与留白
- 不要使用粗重、醒目的字体 — 截图显示的是轻盈、优雅的字重
- 不要创建复杂的多栏布局 — 截图显示的是宽裕的单栏聚焦
- 不要使用投影或 3D 效果 — 截图显示的是完全扁平的表面
- 不要添加超出微妙颜色变化的 hover 效果 — 截图显示的是极简的交互设计
- 避免: 过于随意的语言
- 避免: 过多的感叹号
- 避免: 销售或推广的口吻
11
System Prompt
这是一个为设计师准备的极简主义作品集网站，定位为干净、专业的展示平台。关键颜色为 #FFFFFF 背景与 #000000 文字，辅以 #999999 用于次要元素。排版使用 grotesque-sans 类别字体，采用轻字重与宽间距。关键禁忌：不要使用彩色背景，不要添加装饰元素，不要使用厚重的字体。设计优先考虑留白、可读性与内容聚焦，而非视觉装饰。