精選 · 開放 · 免費
Bbastudio Eu
一個極簡、以攝影為主導的設計工作室作品集,讓作品自己說話。
AgencyCleanPhotographicStudioRestraint
01
設計氣質 DNA
建築工作室高端極簡作品集
寧靜奢華的零售店面或高端建築期刊
02
色彩
#000000Ink
#FFFFFFBG
#E5E7EBMuted
rgba(229, 231, 235, 1.0)Line
UI 採用嚴格的單色調,讓項目攝影提供所有色彩。
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
文案語氣與禁用清單
- 語氣 寧靜、自信且具有建築感
- 標題風格 極簡文字,依賴影像產生衝擊力
- 按鈕文案 細微的文字提示,例如「探索」
- 不要使用鮮豔的漸層——截圖顯示的是嚴格的單色 UI 調色板。
- 不要使用厚重的陰影——截圖顯示的是完全扁平的 UI 元素。
- 不要使用粗邊框——截圖顯示的是 1px 細微邊框或無邊框。
- 不要使用俏皮或圓潤的形狀——截圖顯示的是銳利邊緣或藥丸形導覽點。
- 不要在文字後使用複雜背景——截圖依賴清晰的攝影主體或留白。
- 不要使用粗體字重——截圖顯示的是獨家的 400 字重文字。
- 避免: 擁擠的 UI
- 避免: 鮮豔的調色板
- 避免: 裝飾性字體
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個極簡主義的設計工作室作品集網站。其特點是乾淨的單色 UI(黑色 #000000 和白色 #FFFFFF),主要聚焦於高品質、全出血的建築攝影。字體為 14px 和 400 字重的人文無襯線體,保持寧靜和低調的存在感。佈局以全視口英雄區塊為主,搭配絕對定位的導覽。一個關鍵特徵是自訂游標和極其緩慢、30 秒的背景運動變換。關鍵的禁止事項包括避免鮮豔色彩、厚重陰影或粗體字體,因為截圖顯示的是一種高度克制、畫廊般的方法,其中作品本身提供所有視覺趣味。
en · zh-CN · zh-TW · ja · ko