精選 · 開放 · 免費
Thomasmonavon
一個極簡主義攝影作品集，以乾淨的排版設計展示大型影像。
PhotographicPortfolioStudioCleanMinimal
01
設計氣質 DNA
攝影作品集編輯風格極簡主義
一個具備乾淨、極簡美學的高級攝影作品集。
02
色彩
#000000Ink
#ffffffBG
rgba(0,0,0,0.1)Line
高對比的單色調，純白背景搭配黑色文字，讓攝影作品提供所有色彩。
03
字型
geometric-sans
- display
38px · 500 - body
16px · 500
所有文字使用 Lay Grotesk 字體，字重 500，營造一致、現代的感受。 · 大型標題使用緊湊的 letter-spacing (-1.14px)，以塑造大膽、緊縮的視覺效果。 · 導覽與標籤的文字會轉換為大寫。
04
間距
4px
8px
16px
20px
24px
32px
48px
64px
96px
寬裕的留白，內容區域使用一致的 20px padding。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框；依賴純白背景與黑色元素來建構結構。
06
版面
1440container
12columns
20pxgutter
768 / 1024breakpoints
分割畫面的首圖，白色內容區域與全版出血攝影各佔 50/50。
07
動效與互動
150msmicro
400mssmall
600msmedium
cubic-bezier(0.52, 0, 0, 1)easing
opacity 過渡，實現流暢的可見性變化 · transform 過渡，實現動態效果
指標游標標示介面中所有可點擊的元素。 · 在提供的截圖中無可見的點擊狀態變化。
08
組件
- button 極簡的文字按鈕，搭配指標游標，無可見邊框或背景。
- card 乾淨的圖片式卡片，無邊框或陰影，專注於攝影作品。
- chip 簡潔的文字標籤，轉換為大寫。
- input 在提供的截圖中無可見的輸入欄位。
- hero 分割畫面，白色背景上搭配大型文字，右側則為全版出血的攝影圖像。
09
文案語氣與禁用清單
- 語氣 專業且極簡
- 標題風格 大膽、大寫、緊湊的 letter-spacing，以增強衝擊力
- 按鈕文案 極簡的文字形式，無視覺強調
- 不要添加裝飾性邊框或陰影——截圖顯示的是完全平坦的表面
- 不要使用多種字體——截圖顯示的是統一的 Lay Grotesk
- 不要添加彩色強調——截圖顯示的是純粹的單色調色盤
- 不要使用厚重的陰影或深度效果——截圖顯示的是平坦、極簡的設計
- 不要用過多的 UI 元素造成雜亂——截圖顯示的是寬裕的留白
- 不要使用圓角——截圖顯示的是所有元素都有銳利、乾淨的邊緣
- 避免: 裝飾性元素
- 避免: 擁擠的版面
- 避免: 彩色強調
- 避免: 複雜的排版
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個極簡主義攝影作品集網站，具備乾淨、編輯風格的美學。設計使用純白 (#ffffff) 背景搭配黑色 (#000000) 文字，創造高對比度，讓攝影作品提供所有的視覺趣味。排版使用 Lay Grotesk (geometric-sans) 字體，字重 500，標題的 letter-spacing 為緊湊的 -1.14px。版面採用分割畫面首圖，白色內容區域與全版出血攝影各佔 50/50。主要特色包括寬裕的留白、一致的 20px padding、導覽文字轉換為大寫，以及流暢的 opacity/transform 過渡效果。關鍵限制：保持單色調色盤、避免裝飾性元素、保留寬裕的間距、維持排版一致（字重 500）。
en · zh-CN · zh-TW · ja · ko