01
设计气质 DNA
建筑工作室高端极简作品集
一个安静的奢侈品零售店面或高端建筑杂志
02
色彩
#000000Ink#FFFFFFBG#E5E7EBMutedrgba(229, 231, 235, 1.0)Line界面使用严格的单色调，让项目摄影提供所有色彩。
03
字体
- body
14px · 400 - logo
48px · 400
所有文本统一设置为 400 字重。 · 紧凑的行高，用于信息密集型展示。
04
间距
4px8px16px20px24px32px48px64px96px112px不规则间距，在摄影语境中优先考虑视觉对齐。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 9999px
标准元素使用 1px solid rgb(229, 231, 235)，特定叠加层使用 1px solid rgb(255, 255, 255)。
06
布局
1920container
12columns
24pxgutter
768 / 1024breakpoints
全视口摄影主视觉区域，搭配绝对定位的文字元素。
07
动效与交互
150msmicro
300mssmall
800msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing
极其缓慢、持续的背景变换（30 秒时长），用于微妙的视差或漂浮效果。
自定义光标 (arrow-d2.svg) 用于主要交互。 · 标准指针用于文本链接。
08
组件
- button 无可见的传统按钮；导航依赖文本链接。
- card 无传统卡片；布局依赖全出血图像。
- chip 药丸形分页点（borderRadius: 9999px）。
- input 无可见输入框。
- hero 全屏摄影背景搭配极简文字叠加层。
09
文案语气与禁用清单
- 语气 安静、自信且富有建筑感
- 标题风格 文本极简，依靠图像产生冲击力
- 按钮文案 微妙的文本提示，如“探索”
- 不要使用鲜艳的渐变——截图显示的是严格的单色界面色调。
- 不要使用厚重的投影——截图显示的是完全扁平的界面元素。
- 不要使用粗边框——截图显示的是 1px 的细微边框或无边框。
- 不要使用俏皮或圆润的形状——截图显示的是锐利的边缘或药丸形导航点。
- 不要在文本后使用杂乱的背景——截图依靠清晰的摄影主体或留白。
- 不要使用粗体字重——截图显示的全部是 400 字重文本。
- 避免: 过于拥挤的界面
- 避免: 鲜艳的调色板
- 避免: 装饰性字体
10
包内真实截图
11
System Prompt
这是一个极简的设计工作室作品集网站。它拥有干净的单色界面（黑色 #000000 和白色 #FFFFFF），主要聚焦于高质量的、全出血的建筑摄影。字体使用 humanist-sans，14px，400 字重，保持安静和低调的存在感。布局以全视口主视觉区域为主，导航采用绝对定位。关键特征是自定义光标和极其缓慢的 30 秒背景运动变换。需要严格避免使用鲜艳色彩、厚重阴影或粗体字体，因为截图显示了一种高度克制的、画廊式的方法，让作品本身提供所有视觉吸引力。