精選 · 開放 · 免費
Josephinelochen
為時尚專業人士打造的極簡、圖片驅動式作品集。
EditorialPhotographicPortfolioGalleryCuration
01
設計氣質 DNA
時尚作品集編輯極簡主義
一本高級時尚造型簿或畫廊展覽。
02
色彩
#000000Ink
#FFFFFFBG
#CECECEMuted
rgba(0,0,0,1)Line
嚴格的單色對比，搭配最少的 UI，以最大化攝影圖片的衝擊力。
03
字型
grotesque-sans
文字保持小巧且不顯眼。 · 所有介面元素均使用無襯線字體。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的留白空間，讓攝影作品得以呼吸。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
主要 UI 元素上無可見邊框。
06
版面
1920container
12columns
50pxgutter
768 / 1024breakpoints
全出血圖片，搭配固定位置的頂部導航欄與下方的網格畫廊。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
圖片過渡時使用透明度淡入效果。
游標在圖片上變為指標或抓取手勢。 · 標準的指標互動。
08
組件
- button 無可見按鈕；導航以文字為基礎。
- card 網格佈局中的圖片卡片，不帶邊框或陰影呈現。
- hero 大型、全出血的攝影主視覺圖片。
09
文案語氣與禁用清單
- 語氣 極簡且專業。
- 標題風格 簡潔、直接的文字導航。
- 按鈕文案 無顯眼的行動呼籲按鈕。
- 不要使用漸層——介面必須是純粹的平面與單色。
- 不要為圖片或卡片添加陰影——它們應以乾淨、無深度的方式呈現。
- 不要使用圓角——佈局依賴銳利的直角形狀。
- 不要使用多種字體——排版必須嚴格統一且極簡。
- 不要使用粗體、裝飾性的標題——文字應保持小巧、正常字重且具功能性。
- 不要使用鮮豔或多變的強調色——色盤嚴格限定為黑、白與攝影圖片本身。
- 避免: 過多文字
- 避免: 裝飾性 UI 元素
- 避免: 鮮豔色彩
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為時尚專業人士打造的極簡、圖片驅動式作品集網站。採用嚴格的單色調色盤，包含純白背景 (#FFFFFF) 與純黑文字 (#000000)。字體選用簡潔的 grotesque-sans 字體，保持小巧且正常字重，以確保攝影圖片 remain the focus. 設計原則包括全出血圖片、充裕留白，以及完全摒棄裝飾性 UI 元素。關鍵約束包括：不要使用圓角，因佈局為銳利直角；不要為圖片卡片添加陰影或邊框；不要使用多種字體或多變的強調色。
en · zh-CN · zh-TW · ja · ko