01
设计气质 DNA
设计师作品集编辑式极简字体
一张精致的字体海报
02
色彩
#292A2CInk#F6F5F0BG#FFFFFFBG soft#6B6C6FMutedrgba(41,42,44,0.15)Line高对比度中性色板
03
字体
- display
120px · 400 - heading
30px · 400 - body
18px · 400
主要展示文本使用Didone衬线体，营造高端时尚的编辑感。 · 导航和功能文本使用人文无衬线体，确保高可读性。 · 大型展示字体的字距需保持紧凑。
04
间距
4px8px16px24px30px48px64px125px宽松的垂直节奏与充足的留白，以强调字体排版
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框，完全依赖间距和字体进行分隔
06
布局
1440container
12columns
30pxgutter
768 / 1024breakpoints
全宽图片网格，边距极小
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
加载时淡入并向上滑动 · 平滑的背景色过渡
链接的背景色过渡 · 通过指针光标提供即时反馈
08
组件
- button 极简文本链接，使用指针光标
- card 无边距的摄影面板
- hero 搭配全宽背景色的巨大字体展示
09
文案语气与禁用清单
- 语气 专业、极简、艺术
- 标题风格 高对比度衬线体，巨大尺寸，紧凑字距
- 按钮文案 微妙的文本链接，无按钮
- 不要使用圆角——截图显示所有元素均为完全锐利的直角边缘
- 不要添加投影——截图显示完全扁平的表面，无任何深度效果
- 不要使用彩色强调色——截图完全依赖严格的中性黑/灰/米白色板
- 不要为标题使用无衬线体——截图为主展示文本使用了高对比度Didone衬线体
- 不要过度填充布局——截图显示了大量的留白和大尺寸字体
- 不要使用繁复的背景图案——截图显示的是纯色、扁平的背景色
- 避免: 杂乱
- 避免: 装饰性元素
- 避免: 鲜艳的强调色
10
包内真实截图
11
System Prompt
这是一个为设计师打造的极简编辑式个人作品集。它采用严格的中性色板，包含暖调米白（#F6F5F0）和近黑（#292A2C），无鲜艳强调色。字体是主要焦点，巨大的展示文本使用高对比度Didone衬线体，导航使用简洁的人文无衬线体（Open Sans）。关键约束：避免任何圆角或投影；保持严格扁平、锐利的表面。不要引入彩色强调色或繁复图案。优先考虑大量留白和大字体比例，而非内容密度。