精選 · 開放 · 免費

Guggenheim

為世界级藝術博物館設計的精緻、制度化設計系統。

museumart

Guggenheim 網站截圖

↓ 下載設計系統包 (57 MB)在 OpenDesign 中開啟

原站: https://www.guggenheim.org

📦 瀏覽包內檔案 →

01

設計氣質 DNA

博物館藝術現代制度化精緻

粗野主義建築中的策展展牆。

02

色彩

#171717Ink

#393939Ink soft

#ffffffBG

#999999Muted

rgba(23,23,23,0.2)Line

高對比度單色調，以最大化藝術焦點。

03

字型

grotesque-sans

display40px · 700
body16px · 400

主要導覽與品牌元素使用大寫字母。 · 大型展示文字使用寬鬆的字間距。 · 維持墨色與背景間的高對比度。

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

4px 網格，搭配一致的 32px/40px 間距。

05

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

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid #171717

06

版面

1280container

12columns

32pxgutter

768 / 1024breakpoints

全寬媒體主視覺後接寬版內容網格。

07

動效與互動

100msmicro

300mssmall

500msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

主視覺內容載入時的淡入效果。 · 影片覆蓋層的平滑透明度轉換。

文字顏色變更或底線效果。 · 立即導覽至目標區塊。

08

組件

button 長方形，白色背景上的黑色文字，帶有 1px 黑色邊框。
card 無邊框，大型藝術品圖片搭配下方文字。
hero 滿版、具衝擊力的攝影或影片，搭配置中的白色排版。

09

文案語氣與禁用清單

語氣權威、有文化底蘊且具吸引力。
標題風格 簡短、有力且大寫。
按鈕文案 清晰、以行動為導向且帶底線。

不使用明亮的強調色——截圖顯示為單色調色板。
不使用按鈕圓角——截圖顯示為銳利的長方形邊框。
不使用元素陰影——截圖顯示為平坦、乾淨的表面。
不使用裝飾性或手寫字體——截圖顯示為簡潔的幾何 grotesque-sans。
不使用複雜漸層——截圖顯示為純黑與純白背景。
不使用置中內文——截圖顯示為左對齊的導覽與藝術品說明。
避免: 非正式語言
避免: 過多形容詞
避免: 雜亂的佈局

10

包內真實截圖

Guggenheim — 桌面首屏（hero） — 桌面首屏（hero）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Guggenheim — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個為世界级藝術博物館設計的精緻、制度化設計系統。視覺識別建立在高對比度單色調色板上，使用 #171717 作為墨色，#ffffff 作為背景，#393939 作為輔助色。排版採用自定義的 groteske-sans 字體類別，展示元素使用寬鬆字間距，內文則清晰實用。佈局基於網格，間距為 32px，容器寬度為 1280px，優先呈現大規模影像。關鍵禁忌包括：不使用明亮強調色；不使用圓角；不使用陰影。語氣權威且有文化底蘊，著重於清晰的行動號召與大寫導覽。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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