01
设计气质 DNA
极简精炼专业纯净画廊式
如同空白画布,通过精准而富有意图的排版让作品自行说话
02
色彩
#000000Ink#FFFFFFBGrgba(0,0,0,0.1)Line严格黑白极简主义,无色彩层级或强调色
03
字体
- display
56px · 400 - body
16px · 400
标题采用过渡衬线字体,字距紧凑 · 正文使用人文无衬线字体 · 字重对比极小,依靠字号层级区分 · 字距设置微妙而中性
04
间距
8px16px24px32px48px64px96px128px段落间留有充足空白,创造呼吸感
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框,依靠留白实现区域分隔
06
布局
1200container
12columns
32pxgutter
768 / 1024breakpoints
单列居中布局,边距充足
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
细微淡入效果 · 平滑滚动 · 悬停状态过渡
文本链接悬停时呈现微妙透明度变化或下划线 · 即时响应,视觉反馈最小化
08
组件
- button 无背景与边框的极简文本链接
- card 纯净网格布局,无视觉容器,让图像自我呈现
- hero 全屏留白空间搭配居中衬线标题
09
文案语气与禁用清单
- 语气 含蓄、专业、自信而不张扬
- 标题风格 简洁直接,通常仅显示项目名称或陈述
- 按钮文案 简洁文本链接如「查看项目」或「访问网站」
- 避免添加背景色或图案——截图显示纯白背景
- 避免使用明亮强调色——截图显示仅使用黑白
- 避免为卡片添加边框或阴影——截图显示干净的无边界布局
- 避免使用粗重字重——截图显示常规字重排版
- 避免界面元素过于拥挤——截图显示充足留白
- 避免使用圆角——截图显示锐利清晰的边缘
- 避免添加装饰性图标或插图——截图显示纯排版设计方式
- 避免: 过度描述性文字
- 避免: 营销术语
- 避免: 拥挤布局
- 避免: 装饰性元素
11
System Prompt
超极简作品集机构网站,采用纯白背景与精炼排版。标题使用过渡衬线字体,正文采用人文无衬线字体。严格单色配色,黑色(#000000)搭配白色(#FFFFFF)。无强调色、阴影或装饰元素。充足留白创造呼吸感。核心原则:让作品自行说话、保持克制、以排版为主要视觉元素。关键禁忌:不使用背景色、避免强调色调、无装饰边框、不用粗重字重、避免拥挤布局、不使用圆角。定位为高端设计工作室作品集,呈现画廊式展示效果。