精選 · 開放 · 免費

V A C

文化機構專案與活動的極簡數位型錄。

EditorialGalleryTypographyCurationClean
V A C 網站截圖
↓ 下載設計系統包 (5 MB)在 OpenDesign 中開啟

原站: https://v-a-c.org/en

📦 瀏覽包內檔案 →

01

設計氣質 DNA

文化編輯極簡展覽藝廊

數位展覽型錄

02

色彩

#000000Ink
#FFFFFFBG
#F1F1F1BG quiet
#999999Muted
rgba(0, 0, 0, 1)Line

嚴格運用黑白色調的單色系，僅於次要元素或佔位符使用灰色。

03

字型

geometric-sans · humanist-sans

標題混合使用常規字重與斜體次要文字 · 內文行距緊湊，以形成緊湊的區塊 · 所有字體均使用 400 字重

04

間距

4px
8px
16px
20px
24px
32px
48px
64px
96px

內容區塊間寬裕的垂直留白，創造出節奏分明的編輯流動感。

05

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

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

使用 1px 實線黑色細線作為頂部導覽的結構性元素，有時亦用於分隔線。

06

版面

1440container
3columns
20pxgutter
768 / 1024breakpoints

不對稱網格佈局，項目動態放置，垂直位置各有變化。

07

動效與互動

200msmicro
250mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

hover 時的平滑色彩過渡 · 互動元素的透明度漸變

hover 時文字顏色或透明度微微變化，以指示可互動性 · 直接導覽至活動或專案詳情頁面

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

V A C — 桌面首屏（hero）
桌面首屏（hero）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
V A C — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

文化機構數位型錄的極簡編輯式設計系統。採用嚴格的單色調色板（黑色 #000000 搭配白色 #FFFFFF），幾何與人文無襯線字體統一使用 400 字重。佈局為不對稱的網格系統，依賴寬裕的留白與 1px 細線作為結構。關鍵互動包含微妙的透明度與色彩過渡。重要禁忌：避免陰影、圓角、鮮豔色彩、多種字重、粗重邊框及置中文字。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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