精选 · 开放 · 免费
Bunsa Studio
一个设计工作室的摄影驱动型作品集。
GalleryStudioPhotographicCurationEditorial
01
设计气质 DNA
室内设计策展摄影工作室
一个展示温暖、折衷主义室内设计项目的精选画廊。
02
色彩
#0B0BcaAccent
#000000Ink
#F5F2EDBG
#FCFAF7BG quiet
rgba(0,0,0,1.0)Line
温暖、中性的背景让摄影作品占据主导，使用单一醒目的蓝色作为品牌点缀。
03
字体
grotesque-sans
- display
60px · 700 - body
20px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
段落间采用充足的垂直间距，以突出图像。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid black
06
布局
1920container
12columns
24pxgutter
768 / 1024breakpoints
全屏图像画廊，搭配叠加的排版。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
淡入 · 透明度过渡
交互元素的透明度变化。 · 即时的视觉反馈。
08
组件
- button 文本链接或极简图标，依赖光标指针进行交互。
- card 作为主要作品集卡片的全出血图像。
- chip 小型蓝色圆形指示器。
- hero 带有大文字叠加的全宽摄影主图。
09
文案语气与禁用清单
- 语气 自信、专业且注重视觉呈现。
- 标题风格 简短、有力的项目标题。
- 按钮文案 极简，通常仅为光标变为指针。
- 不要使用深色模式——网站使用温暖、明亮的背景，如 #F5F2ED。
- 不要使用衬线字体——排版严格使用简洁的无衬线体。
- 不要添加厚重的投影——表面是平面的，依靠图像产生深度感。
- 不要使用鲜艳、多彩的背景——保持画布中性，让照片脱颖而出。
- 不要使用圆角UI卡片——图像以边缘到边缘或简单对齐的方式呈现。
- 不要过度填充布局——充足的间距和极简的文字是美学的关键。
- 避免: 杂乱
- 避免: 过多文字
- 避免: 复杂的渐变
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个室内设计工作室的作品集网站。它使用温暖、中性的背景（#F5F2ED），搭配用于品牌元素的单一醒目蓝色（#0B0Bca）。排版采用简洁、加粗的无衬线体（HelveticaNowDisplay），优先考虑可读性和现代美学。布局以摄影为主，包含全出血图像和极简文字。关键设计约束：不使用深色模式、不使用衬线字体、不使用厚重阴影，并避免界面杂乱。设计应感觉是经过策展的、高端的，并专注于视觉作品。
en · zh-CN · zh-TW · ja · ko