精選 · 開放 · 免費
Wallpaperprojects
為視覺設計專案打造的極簡、高藝文性數位作品集。
EditorialGalleryCurationPremiumClean
01
設計氣質 DNA
畫廊策展設計導向視覺文化
高端設計雜誌的數位展覽空間。
02
色彩
#1E1E1EInk
#FBF9F3BG
rgba(30, 30, 30, 1.0)Line
嚴謹的單色調色盤,搭配溫潤的米白色背景,讓專案影像自身提供所有色彩。
03
字型
transitional-serif · geometric-sans · monospace
- display
180px · 400 - display
48px · 400 - body
12px · 400
所有展示文字均採用高對比過渡襯線體,並設定緊湊的字距。 · 所有介面與功能文字均採用寬幅幾何無襯線體。 · 導覽與小型標籤使用大寫字母,主要標題則否。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
100px
採用寬裕、大器的佈局,各區塊清晰分明,主要內容區塊間保留充足內距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 20px
lg · 20px
pill · 9999px
極簡使用,僅以 1px 實線輔助滾動指示器與選單圖示等介面元素。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
簡潔的單欄式佈局,優先呈現大型沉浸式影像與字型,並配有固定式頁首。
07
動效與互動
220msmicro
300mssmall
500msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing
大多數狀態變化採用平滑、漸緩的轉場(0.2 秒與 0.5 秒時長)。 · 內容出現與消失時運用透明度淡入淡出效果。
互動元素的游標會變為指針圖示;伴隨細微的透明度或色彩轉場。 · 無明顯點擊狀態顯示,推測與 hover 採用相同轉場效果。
08
組件
- button 膠囊形按鈕,搭配大寫幾何無襯線字型文字,用於主要操作。
- card 簡約、無邊框的容器,用於呈現專案影像及其關聯的襯線體標題。
- hero 全出血、視覺主導的區塊,展示大型抽象影像與巨型字型標題。
09
文案語氣與禁用清單
- 語氣 精緻、含蓄且自信。
- 標題風格 大型、具表現力的襯線字型,做出大膽的視覺宣言。
- 按鈕文案 簡潔、全大寫的幾何無襯線字型,置於膠囊形區塊內。
- 請勿使用純白(#FFFFFF)背景——截圖顯示的是溫潤的米白色(#FBF9F3)畫布。
- 請勿為主要襯線展示字型套用粗體——截圖顯示其始終維持一般字重(400)。
- 請勿使用緊湊、置中的佈局——截圖顯示多為寬敞、左對齊或全出血的構圖。
- 請勿引入多種強調色——截圖顯示採用嚴謹的單色調方案,色彩僅來自攝影作品。
- 請勿使用圓角矩形按鈕——截圖顯示為完全膠囊形、具有高 border-radius 的按鈕。
- 請勿在頁首垂直堆疊標誌——截圖顯示其以單行形式位於左上角。
- 避免: 視覺雜亂或不必要的裝飾性元素。
- 避免: 鮮明、高飽和度的強調色。
- 避免: 複雜、多元素的導覽設計。
- 避免: 僵化、過度依賴格線的佈局。
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(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
這是一個為設計工作室打造的高端、畫廊風格編輯式網站。採用非常溫潤的米白色背景(#FBF9F3)搭配深色、近黑的文字(#1E1E1E)。字型配置上,展示標題採用大型、高對比的過渡襯線體,介面元素則採用寬幅幾何無襯線體,常以大寫呈現。佈局極簡且寬敞,聚焦於大型沉浸式影像與字型。關鍵設計規則:1) 請勿使用純白背景,請採用溫潤的米白色調。2) 請勿為主要襯線展示字型套用粗體,維持一般字重。3) 請勿引入鮮明的強調色,讓專案攝影提供所有色彩變化。4) 維持寬裕的間距與單欄式流動,以保留編輯式、畫廊般的感受。
en · zh-CN · zh-TW · ja · ko