精選 · 開放 · 免費
Benlongdendesign
一份精緻的編輯式作品集，為創意總監而設，平衡簡約字體與沉浸式攝影作品。
PortfolioEditorialPremiumPhotographicCuration
01
設計氣質 DNA
創意總監設計師作品集編輯風格奢華感
一座 exclusif 藝廊或精心編排的雜誌跨頁，展示高端作品
02
色彩
#FFFFFFInk
#000000BG
#A0A0A0Muted
rgba(255, 255, 255, 0.15)Line
採用黑、白、灰的鮮明高對比極簡主義，讓攝影作品得以脫穎而出。
03
字型
grotesque-sans · monospace
所有使用者介面與內文均使用 grotesque-sans 字體 · 章節標題採用全大寫並加入微小字距 · 維持嚴謹的字體層級結構，不添加裝飾性元素
04
間距
4px
8px
16px
24px
32px
48px
64px
80px
96px
各區塊間保留充裕的留白，列表項目間則採用緊湊的 8px 間距
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 0px
lg · 0px
pill · 999px
懸停時顯示細微的 1px 邊框或背景覆層
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅、沉浸式的格線佈局，大幅攝影圖像主導視覺畫面，並與結構化的多欄文字列表形成對比。
07
動效與互動
200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
互動元素在懸停時進行細微的透明度與色彩過渡
細微的文字色彩變化與透明度調整 · 立即導覽或狀態變更
08
組件
- button 文字型連結，具備細微懸停過渡效果，不使用實心按鈕造型
- card 全幅或大尺寸的攝影區塊，代表專案項目
- chip 極簡的全大寫文字標籤，用於類別標示
- input 不適用
- hero 沉浸式攝影背景，疊加專案標題與製作人員名單
09
文案語氣與禁用清單
- 語氣 專業、含蓄且自信
- 標題風格 直接、全大寫，並描述創意角色
- 按鈕文案 用於聯絡與導覽的簡潔文字連結
- 勿使用裝飾性手寫字體——截圖顯示的是簡潔的 grotesque-sans 系統字體
- 勿為容器添加陰影——截圖顯示的是平面表面與攝影覆層
- 勿使用明亮飽和的強調色——截圖完全依賴單色色盤
- 勿以密集的格線佈局使版面擁擠——截圖運用充裕留白與大型影像
- 勿為專案預覽使用圓角卡片——截圖顯示的是銳利的全幅邊緣
- 勿在使用者介面元素上使用粗重的 border-radius——截圖僅為圖示使用極簡的 50% radius
- 避免: 避免使用明亮、飽和的色彩或霓虹色調
- 避免: 避免複雜的動畫或分散注意力的動效
- 避免: 避免裝飾性字體或手寫風格字體
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一份高端的編輯式作品集，為創意總監而設。採用純黑 (#000000)、白 (#FFFFFF) 與中灰 (#A0A0A0) 的鮮明高對比色盤。字體完全依賴系統 grotesque-sans 字體，保持簡潔專業的美學。版面寬敞，常以全幅攝影搭配疊加文字呈現。關鍵禁用原則：勿使用裝飾性或手寫字體，避免使用明亮飽和的強調色，切勿以密集格線或不必要的使用者介面元素使版面擁擠。重點應始終放在沉浸式影像與結構化、全大寫的文字標籤上。
en · zh-CN · zh-TW · ja · ko