01
设计气质 DNA
摄影作品集编辑式极简主义
一个拥有干净、极简美学的高端摄影作品集。
02
色彩
#000000Ink#ffffffBGrgba(0,0,0,0.1)Line高对比度的单色方案，采用纯白背景和黑色文字，让摄影作品提供所有色彩。
03
字体
- display
38px · 500 - body
16px · 500
所有文本使用Lay Grotesk字体，字重500，以保持一致、现代的风格。 · 大号标题采用-1.14px的紧凑字间距，呈现粗壮、紧凑的外观。 · 导航和标签的文本转换为全大写形式。
04
间距
4px8px16px20px24px32px48px64px96px充裕的留白，内容区域保持一致的20px内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框；依靠纯白背景和黑色元素来构建结构。
06
布局
1440container
12columns
20pxgutter
768 / 1024breakpoints
分屏主视觉区域，白色内容区与全出血摄影作品各占50%。
07
动效与交互
150msmicro
400mssmall
600msmedium
cubic-bezier(0.52, 0, 0, 1)easing
透明度过渡，实现平滑的显示状态变化 · 变换过渡，用于移动效果
指针光标在整个界面中指示可点击元素。 · 提供的截图中未显示可见的点击状态变化。
08
组件
- button 极简的文本按钮，使用指针光标，无可见边框或背景。
- card 简洁的图片卡片，无边框或阴影，聚焦于摄影作品。
- chip 简单的文本标签，采用全大写转换。
- input 提供的截图中未显示可见的输入框。
- hero 分屏设计，左侧为白色背景上的大号排版，右侧为全出血摄影作品。
09
文案语气与禁用清单
- 语气 专业且极简
- 标题风格 粗壮、全大写、紧凑字间距以增强视觉冲击力
- 按钮文案 基于文本的极简风格，无视觉强调
- 不要添加装饰性边框或阴影——截图显示为完全平面的表面
- 不要使用多种字体家族——截图显示全程使用一致的Lay Grotesk
- 不要添加彩色点缀——截图显示为纯粹的单色方案
- 不要使用厚重的阴影或立体效果——截图显示为平面、极简的设计
- 不要用过多的UI元素使界面拥挤——截图显示有充裕的留白
- 不要使用圆角——截图显示所有元素均为锋利、干净的边缘
- 避免: 装饰性元素
- 避免: 杂乱的布局
- 避免: 多彩的点缀
- 避免: 复杂的排版
10
包内真实截图
11
System Prompt
这是一个极简主义摄影作品集网站，具有干净的编辑式美学。设计采用纯白(#ffffff)背景与黑色(#000000)文字，形成高对比度，让摄影作品提供全部视觉趣味。排版使用Lay Grotesk（几何无衬线）字体，字重500，标题字间距紧凑(-1.14px)。布局以分屏主视觉区域为特色，白色内容区与全出血摄影作品各占50%。关键特性包括：充裕的留白、一致的20px内边距、导航文本采用全大写转换，以及流畅的透明度与变换过渡。关键约束：保持单色方案，避免装饰性元素，保留充裕间距，确保字体风格统一且全程使用字重500。