OpenDesign·你的设计资产库

网页参考

Bunsa Studio

一个设计工作室的摄影驱动型作品集。

GalleryStudioPhotographicCurationEditorial
Bunsa Studio 网站截图

01

设计气质 DNA

室内设计策展摄影工作室

一个展示温暖、折衷主义室内设计项目的精选画廊。

02

色彩

#0B0BcaAccent
#000000Ink
#F5F2EDBG
#FCFAF7BG quiet
rgba(0,0,0,1.0)Line

温暖、中性的背景让摄影作品占据主导，使用单一醒目的蓝色作为品牌点缀。

03

字体

grotesque-sans

  • display60px · 700
  • body20px · 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

包内真实截图

Bunsa Studio — 桌面首屏（hero）
桌面首屏（hero）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bunsa Studio — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个室内设计工作室的作品集网站。它使用温暖、中性的背景（#F5F2ED），搭配用于品牌元素的单一醒目蓝色（#0B0Bca）。排版采用简洁、加粗的无衬线体（HelveticaNowDisplay），优先考虑可读性和现代美学。布局以摄影为主，包含全出血图像和极简文字。关键设计约束：不使用深色模式、不使用衬线字体、不使用厚重阴影，并避免界面杂乱。设计应感觉是经过策展的、高端的，并专注于视觉作品。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。