01
设计气质 DNA
极简编辑式作品集建筑简洁
一个高端摄影画廊或建筑专著。
02
色彩
#000000Ink#FFFFFFBG#999999Mutedrgba(0,0,0,0.1)Line严格的单色高对比度色板,色彩依赖于摄影作品。
03
字体
- display
48px · 300
标题使用轻字重。 · 标题与正文字号形成高对比度。 · 文本元素周围留有充足的空白。
04
间距
4px8px16px24px32px48px64px96px128px基于慷慨的 8px 基本单位的垂直节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极少的 1px 细边框,使用 rgba(0,0,0,0.1) 进行微妙分隔。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
非对称网格,包含大型图片区块和慷慨的负空间。
07
动效与交互
200msmicro
350mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
页面加载时微妙的淡入过渡。 · 平滑的滚动行为。
交互元素上微妙的透明度降低。 · 即时响应,无显著的缩放动画。
08
组件
- button 文本链接或无背景填充的极简幽灵按钮。
- card 无独立的卡片组件;内容以流畅网格呈现。
- chip 简单的无边框文本标签或链接。
- input 极简、无边框的文本输入框,仅带底部边框。
- hero 全宽摄影主图,仅叠加最少量文字。
09
文案语气与禁用清单
- 语气 专业、自信、低调。
- 标题风格 简短、直接、陈述性的语句。
- 按钮文案 微妙的文本链接,而非突出的按钮。
- 勿使用明亮的强调色——截图显示为严格的黑、白、灰色板。
- 勿为图片或容器添加圆角——截图显示为锐利的 0px 圆角边缘。
- 勿使用厚重的投影——截图显示为完全扁平的表面。
- 勿为标题使用粗体或重字重——截图显示为轻盈、优雅的排版字重。
- 勿在布局中过度堆砌内容——截图显示为大量的留白和极少的文字。
- 勿使用复杂的背景图案或渐变——截图显示仅使用纯色 #FFFFFF 背景。
- 避免: 过度装饰
- 避免: 喧嚣的行动号召
- 避免: 复杂的动画
11
System Prompt
这是一个为摄影师或建筑师设计的极简主义、编辑式作品集网站。它采用严格的单色色板(黑、白、灰),不使用主导性的强调色。排版轻盈优雅,使用人文无衬线字体类别,并留有大量空白。布局为非对称式,强烈聚焦于大尺寸摄影。关键设计约束:避免使用任何明亮的强调色、圆角或投影。网站依赖扁平、高对比度的美学。避免使用粗重字重和杂乱的布局;始终保持一种平静、克制的优雅感。