精選 · 開放 · 免費

Wallpaperprojects

為視覺設計專案打造的極簡、高藝文性數位作品集。

EditorialGalleryCurationPremiumClean
Wallpaperprojects 網站截圖
↓ 下載設計系統包 (24 MB)在 OpenDesign 中開啟

原站: https://wallpaperprojects.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

畫廊策展設計導向視覺文化

高端設計雜誌的數位展覽空間。

02

色彩

#1E1E1EInk
#FBF9F3BG
rgba(30, 30, 30, 1.0)Line

嚴謹的單色調色盤,搭配溫潤的米白色背景,讓專案影像自身提供所有色彩。

03

字型

transitional-serif · geometric-sans · monospace

所有展示文字均採用高對比過渡襯線體,並設定緊湊的字距。 · 所有介面與功能文字均採用寬幅幾何無襯線體。 · 導覽與小型標籤使用大寫字母,主要標題則否。

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

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個為設計工作室打造的高端、畫廊風格編輯式網站。採用非常溫潤的米白色背景(#FBF9F3)搭配深色、近黑的文字(#1E1E1E)。字型配置上,展示標題採用大型、高對比的過渡襯線體,介面元素則採用寬幅幾何無襯線體,常以大寫呈現。佈局極簡且寬敞,聚焦於大型沉浸式影像與字型。關鍵設計規則:1) 請勿使用純白背景,請採用溫潤的米白色調。2) 請勿為主要襯線展示字型套用粗體,維持一般字重。3) 請勿引入鮮明的強調色,讓專案攝影提供所有色彩變化。4) 維持寬裕的間距與單欄式流動,以保留編輯式、畫廊般的感受。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko