精選 · 開放 · 免費
Xihestudio
一個極簡、深色主題的個人設計作品集，展示高知名度的代理商作品。
PortfolioStudioBold TypographyPremiumClean
01
設計氣質 DNA
作品集設計工作室藝術指導極簡簡潔
一個高端設計作品集的數位檔案，以強烈、極簡的介面呈現。
02
色彩
#FE2A2AAccent
#ffffffInk
rgba(255,255,255,0.75)Ink soft
#131312BG
rgba(255,255,255,0.1)Line
高對比深色模式，搭配單一、稀疏的紅色點綴，以保持對作品的專注。
03
字型
geometric-sans · mono
- display
46px · 400 - body
14px · 400 - caption
12px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
嚴格的網格搭配寬裕的內距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(255,255,255,0.1)
06
版面
1400container
12columns
24pxgutter
768 / 1024breakpoints
用於文字的多欄網格，以及用於作品集圖片的大型類瀑布流佈局。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
用於懸停狀態與頁面載入的透明度過渡效果。
連結與作品集項目上的細微透明度變化。 · 直接導航至項目詳情頁面。
08
組件
- button 帶有方向箭頭的文字連結，邊框極簡或無邊框。
- card 大型圖片區塊，內距極小，作為主要導航方式。
- hero 大型排版標題，下方是作品集縮圖網格。
09
文案語氣與禁用清單
- 語氣 專業、簡潔且內斂。
- 標題風格 大型、字距緊湊、全大寫或粗體句子式大小寫，以創造衝擊力。
- 按鈕文案 細微的方向箭頭，指示前往下一個區段。
- 不要使用明亮或霓虹色彩 — 螢幕截圖顯示的是深色、近乎純黑的背景搭配白色文字。
- 不要使用裝飾性或書法字體 — 排版嚴格採用幾何無襯線字體與等寬字體。
- 不要使用圓潤、友善的介面元素 — 佈局採用銳利、簡潔的建築式網格。
- 不要添加投影或玻璃擬態效果 — 界面完全平面且實色。
- 不要使用多種點綴色 — 螢幕截圖僅顯示單一紅色點綴（#FE2A2A），且使用得非常克制。
- 不要將所有內容置中 — 佈局依賴強烈的左對齊文字網格。
- 避免: 炫目的動畫
- 避免: 鮮豔的色彩
- 避免: 密集的段落文字
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（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
這是一個為藝術總監設計的高端個人設計作品集。設計是一個強烈、深色主題的極簡介面（#131312），專注於大型幾何無襯線字體（Monument Grotesk）與嚴格的作品集圖片網格。文字主要為白色（#ffffff），次要文字為柔化的白色（rgba(255,255,255,0.75)）。單一、高彩度的紅色點綴（#FE2A2A）使用得非常克制。佈局為基於欄位的設計，搭配寬裕的留白。關鍵禁忌：不要使用明亮的背景，不要使用裝飾性字體，不要使用厚重的投影或複雜的動畫，不要使用多種點綴色，不要使用密集或雜亂的佈局，且不要將主要內容的文字置中。
en · zh-CN · zh-TW · ja · ko