精選 · 開放 · 免費
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。
- 請勿使用襯線字體 — 排版嚴格使用簡潔的 grotesque sans-serif。
- 請勿添加厚重的陰影 — 表面為平面設計，依靠影像創造深度。
- 請勿使用鮮豔、多彩的背景 — 保持畫布中性，讓照片成為焦點。
- 請勿使用圓角的介面卡片 — 影像以邊對邊或簡潔對齊方式呈現。
- 請勿讓佈局過於擁擠 — 寬裕的間距與極簡文字是美學的關鍵。
- 避免: 雜亂
- 避免: 過多文字
- 避免: 複雜的漸層
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）作為品牌元素用色。排版採用簡潔、粗體的 grotesque sans-serif（HelveticaNowDisplay），優先考量可讀性與現代美學。佈局重度依賴攝影，採用全版面出血的圖片與極簡文字。關鍵設計限制：不使用深色模式、不使用襯線字體、不使用厚重陰影，並避免介面雜亂。設計應感覺像是經過策展、高端，且專注於視覺作品。
en · zh-CN · zh-TW · ja · ko