精選 · 開放 · 免費

Artindumbo

一個用於發掘在地藝術空間的極簡主義編輯器入口。

EditorialPhotographicGalleryCurationClean
Artindumbo 網站截圖
↓ 下載設計系統包 (18 MB)在 OpenDesign 中開啟

原站: https://artindumbo.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

藝術畫廊街區指南文化

一個精選的街區藝術指南。

02

色彩

#000000Ink
#B0E0E9BG
#FFFFFFBG soft
#226D7AMuted
rgba(0, 0, 0, 1)Line

高對比的編輯器調色盤,搭配柔和的粉彩背景與純黑的文字排版。

03

字型

geometric-sans · transitional-serif

使用幾何無襯線體作為粗體展示標題,並採用緊湊的字距調整。 · 使用過渡襯線體作為內文,以維持可讀性並保留經典的編輯器風格。 · 內文行高需寬鬆(1.5 以上)。

04

間距

4px
8px
16px
20px
24px
32px
40px
48px
60px

採用寬鬆的垂直間距(40px-60px)以分隔不同的內容區塊。

05

表面 (圓角 / 陰影 / 邊線)

sm · 0px
md · 0px
lg · 0px
pill · 999px

使用 2px 實心 #000000 邊框來定義區塊與強調。

0px 4px 12px rgba(0,0,0,0.1)

06

版面

1200container
12columns
24pxgutter
768 / 1024breakpoints

居中內容,搭配大型全寬攝影圖片區段與堆疊的文字排版塊。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

載入時的淡入過渡效果

互動元件帶有細微的縮放或透明度變化。 · 立即回應,視覺回饋降至最低。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

此設計 DNA 代表一個 Dumbo 藝術的編輯器網站。其美學以明亮的粉彩藍背景 (#B0E0E9) 與純黑 (#000000) 文字排版的對比來定義。字體排版採用粗重的幾何無襯線體作為展示,以及過渡襯線體作為內文,字體尺寸最大可達 80px。關鍵元件包括全出血攝影圖片、白色背景的藥丸形按鈕,以及粗黑邊框的文字區塊。關鍵限制:切勿使用纖細或輕薄的字體;維持高對比的粉彩黑配色;避免使用複雜的圓角或陰影;並保持佈局寬敞,具有寬鬆的垂直節奏。請運用此 DNA 創造清晰、具衝擊力的編輯器佈局,營造出精心策劃且現代的感覺。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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