精選 · 開放 · 免費
Simonesniekers
極簡攝影作品集,以大膽飽和的漸層作為畫布,襯托置中的高時尚影像。
PortfolioGalleryPhotographicStudioMinimal
01
設計氣質 DNA
極簡編輯式攝影作品集簡潔
宛如高端攝影展覽圖錄移植至網路,以視覺衝擊為核心,超越介面裝飾性。
02
色彩
#000000Ink
#E95531BG
#EDAB1EBG soft
#808080Muted
rgba(0,0,0,1.0)Line
介面元素極度克制;設計依賴活潑的背景漸層與大膽影像,而非複雜的介面元素。
03
字型
neo-grotesque-sans · transitional-serif
所有主要文字使用 Neue Haas Grotesk · 所有介面元素維持極小且一致的字型大小(16px)
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
垂直方向的內邊距與外邊距慷慨,常超過 1000px,營造寬闊的留白空間。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框;介面採邊緣對邊緣設計。
06
版面
1920container
12columns
16pxgutter
768 / 1024breakpoints
單張置中影像置於全視窗漸層背景上,文字極簡並固定於底部邊緣。
07
動效與互動
220msmicro
1000mssmall
1250msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing
背景色彩過渡 · 捲動/載入時的變形效果
互動文字元素上游標變為指標。 · 觸發導覽或狀態變化。
08
組件
- button 無傳統按鈕;文字標籤作為主要互動元素。
- card 無卡片設計;單張置中影像是唯一的內容載體。
- chip 無可見的標籤元件。
- input 無可見的輸入框。
- hero 全螢幕垂直方向攝影影像,置中於活潑的漸層背景上。
09
文案語氣與禁用清單
- 語氣 極簡、自信、靜謐。
- 標題風格 無標題;僅有小型功能性標籤,如「0%」、「Simone Sniekers」與「Info」。
- 按鈕文案 無明確號召用語;導覽方式細膩且隱含。
- 勿使用陰影效果——截圖顯示完全平面化的影像與文字,無任何立體效果。
- 勿添加介面邊框或輪廓——截圖顯示漸層背景與影像間的清晰邊緣。
- 勿使用多種字型大小或粗細——截圖顯示所有文字統一採用 16px/400 字重。
- 勿使用傳統導覽列——截圖僅顯示固定於底部的少量文字標籤。
- 勿使用白色或淺色中性背景——截圖顯示主導性的活潑橙黃漸層。
- 勿使用多個內容卡片造成雜亂——截圖顯示單張置中攝影影像作為核心焦點。
- 避免: 避免複雜版面、過多文字、介面邊框、陰影或標準介面元件。
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
設計極簡攝影作品集,採用極致的介面克制。以活潑漸層背景(橙色 #E95531 至黃色 #EDAB1E)作為主要畫布。字型必須採用新怪誕無襯線體(Neue Haas Grotesk),所有標籤統一使用 16px/400 字重。版面將單張高時尚攝影影像置中於全視窗中。關鍵禁忌:不使用陰影、不使用介面邊框、不使用多種字型大小、不使用傳統導覽列、不使用白色背景、不使用內容卡片。整體體驗應如靜謐的高端美術館展覽,讓影像成為絕對主角。
en · zh-CN · zh-TW · ja · ko