精选 · 开放 · 免费
Bbastudio Eu
一个极简的、摄影主导的设计工作室作品集，让作品自己说话。
AgencyCleanPhotographicStudioRestraint
01
设计气质 DNA
建筑工作室高端极简作品集
一个安静的奢侈品零售店面或高端建筑杂志
02
色彩
#000000Ink
#FFFFFFBG
#E5E7EBMuted
rgba(229, 231, 235, 1.0)Line
界面使用严格的单色调，让项目摄影提供所有色彩。
03
字体
humanist-sans
- body
14px · 400 - logo
48px · 400
所有文本统一设置为 400 字重。 · 紧凑的行高，用于信息密集型展示。
04
间距
4px
8px
16px
20px
24px
32px
48px
64px
96px
112px
不规则间距，在摄影语境中优先考虑视觉对齐。
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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个极简的设计工作室作品集网站。它拥有干净的单色界面（黑色 #000000 和白色 #FFFFFF），主要聚焦于高质量的、全出血的建筑摄影。字体使用 humanist-sans，14px，400 字重，保持安静和低调的存在感。布局以全视口主视觉区域为主，导航采用绝对定位。关键特征是自定义光标和极其缓慢的 30 秒背景运动变换。需要严格避免使用鲜艳色彩、厚重阴影或粗体字体，因为截图显示了一种高度克制的、画廊式的方法，让作品本身提供所有视觉吸引力。
en · zh-CN · zh-TW · ja · ko