01
设计气质 DNA
摄影师作品集编辑风格极简奢华
一间白墙高悬、精心打光作品的高端摄影画廊。
02
色彩
#000000Ink#999999Ink soft#FFFFFFBG#CCCCCCMutedrgba(0, 0, 0, 0.05)Line中性的画布,让摄影作品成为焦点。
03
字体
- display
56px · 400 - heading
14px · 400
使用轻字重以实现优雅的排版 · 为大写字母文本保留充足的字间距 · 保持正文文字小巧而低调
04
间距
4px8px16px24px32px48px64px96px充裕的垂直间距为元素之间创造呼吸感。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框,依赖间距进行分隔。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血主图搭配极简的页头与页脚控件。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
作品集之间的平滑滚动过渡 · 图片加载时的微妙淡入
交互元素上微妙的透明度变化。 · 即时的导航响应。
08
组件
- button 纯文本导航,无可见按钮样式。
- card 全出血图片卡片,无边框或阴影。
- chip 当前状态下不可见。
- input 当前状态下不可见。
- hero 电影感全宽照片,叠加排版文字。
09
文案语气与禁用清单
- 语气 安静、自信且低调。
- 标题风格 极简的排版,让作品自己说话。
- 按钮文案 温和的引导,如“向下滚动查看更多”,而非强硬的行动号召。
- 不要使用厚重的边框或阴影——截图显示仅通过间距实现清晰分隔。
- 不要添加彩色强调——截图保持严格的单色调色板。
- 不要使用粗体字重——截图显示一致的轻字重排版。
- 不要用多个行动号召来制造杂乱——截图显示单一、极简的提示。
- 不要使用装饰性形状——截图显示纯摄影内容。
- 不要使用深色背景——截图显示白色画布搭配深色图像。
- 避免: 繁重的视觉杂乱
- 避免: 明亮、饱和的色彩
- 避免: 密集的文字块
- 避免: 侵略性的营销语言
- 避免: 装饰性元素
11
System Prompt
这是一个为商业摄影师设计的极简摄影作品集。设计采用严格的黑白配色方案,背景为 #FFFFFF,文字为 #000000,让摄影成为绝对焦点。排版使用 humanist-sans 字体,始终保持轻字重以体现优雅。关键位置包括:页头(艺术家姓名+版块计数器)、主内容(全出血照片)和页脚(滚动提示)。关键禁忌:永远不要使用彩色强调,永远不要给图片添加阴影,永远不要使用粗体字重,永远不要用多个导航元素制造杂乱,永远不要用边框分隔内容。网站应让人感觉像一个宁静的画廊空间,每张照片都能获得最大的视觉冲击力。