精選 · 開放 · 免費
Bou
結合電影感首頁與高對比簡潔區塊的精緻編輯式設計機構網站。
AgencyEditorialPhotographicPremiumClean
01
設計氣質 DNA
品牌設計行銷溝通傳播設計機構企業
結合頂級攝影與簡潔編輯式字體的頂尖設計工作室，創造專業且細膩的數位形象。
02
色彩
#0A0A0AInk
#DBD7DCInk soft
#EBEBEBBG
rgba(10,10,10,0.15)Line
採用去飽和的單色調系統，以黑白為核心，讓攝影作品提供所有色彩與溫度。
03
字型
humanist-sans
- display
42px · 300 - body
16px · 300 - caption
14px · 300
所有主要文字使用 300 字重，維持優雅輕盈的視覺感受。 · 僅在小型標籤如「服務」或「赫爾辛基」等處套用大寫轉換。 · 維持寬裕的行高（1.4 至 1.5）以確保最佳可讀性。
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
採用一致的 8px 或 16px 垂直節奏，應用於內距與元素間隙，確保結構清晰且具呼吸感的版面配置。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 1400px
1px solid rgba(10,10,10,0.15) 或 1px solid rgb(219, 217, 220)
rgba(0, 0, 0, 0.3) 0px 32px 68px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬攝影首頁區域後接兩欄式內容與服務區塊，採用 12 欄網格實現靈活對齊。
07
動效與互動
200msmicro
300mssmall
500msmedium
cubic-bezier(0.29, 0.48, 0.5, 0.99)easing
連結與按鈕採用平滑色彩過渡效果。 · 內容區塊進入視窗時的細微淡入動畫。
連結與按鈕的細微色彩或透明度變化。 · 即時回應並搭配流暢過渡效果。
08
組件
- button 黑色背景白文字的膠囊形按鈕，或採用白色邊框的極簡幽靈按鈕，適用於深色背景。
- card 極簡無邊框卡片，依靠大型攝影與簡潔字體建立視覺層次。
- chip 小型膠囊形標籤，搭配大寫文字與細邊框，用於地點或分類標示。
- input 極簡輸入框，僅有 1px 底部邊框且無背景色。
- hero 全視窗電影感攝影圖像，搭配居中大型字體疊加。
09
文案語氣與禁用清單
- 語氣 專業、自信且直接。
- 標題風格 簡潔、優雅且具描述性，聚焦於機構核心服務。
- 按鈕文案 採用簡潔文字連結或小型膠囊形按鈕的極簡風格。
- 勿使用高飽和色彩——截圖顯示嚴格的單色黑白調色板。
- 勿使用厚重粗體字體——截圖顯示以 300 字重為主，營造輕盈優雅感。
- 勿使用帶陰影的圓角卡片——截圖顯示平面無邊框版面，以攝影定義邊界。
- 勿使用狹窄擁擠的間距——截圖顯示寬裕的內距與間隙（8px-16px），營造呼吸感。
- 勿使用裝飾性邊框——截圖顯示僅有功能性元件（如標籤或輸入框）採用最小化 1px 邊框。
- 勿使用複雜的多色漸層——截圖顯示乾淨的實色背景，以攝影創造視覺深度。
- 避免: 避免過度口語化或使用流行語。
- 避免: 避免過度使用驚嘆號。
- 避免: 避免使用非服務必要的複雜技術術語。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（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
這是一個為「Bou」品牌公司打造的頂尖機構網站。設計風格精緻且具編輯感，採用嚴格的單色調色板（黑色 #0A0A0A 與淺灰色 #EBEBEB），透過高品質攝影提供所有視覺趣味。字體採用 humanist-sans 字族的 300 字重，營造輕盈優雅的感受。版面配置簡潔並基於網格系統，搭配寬裕的間距。關鍵禁忌：1. 絕不使用高飽和色彩，因設計採用嚴格單色調。2. 絕不使用粗體厚重字體；保持輕盈精緻的 300 字重。3. 避免裝飾性邊框或厚重陰影；維持平面且以攝影為主的表面處理。整體語氣專業且直接。
en · zh-CN · zh-TW · ja · ko