精選 · 開放 · 免費

New Museum

運用高電壓色彩區塊與超大展示字體的大膽當代藝術博物館網站。

museumart
New Museum 網站截圖
↓ 下載設計系統包 (41 MB)在 OpenDesign 中開啟

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

📦 瀏覽包內檔案 →

01

設計氣質 DNA

前衛當代藝術文化機構大膽顛覆性

為機構實驗打造的侵略性檸檬綠畫布。

02

色彩

#BEFF00Accent
#0A4B50Ink
#E5E7EBMuted
rgba(10, 75, 80, 1)Line

高電壓酸性綠搭配深青綠，創造最大視覺張力。

03

字型

grotesque-sans · geometric-sans

僅於巨型區域標題與標誌使用展示字型（Neographik）。 · 導覽、活動詳情及標準文字使用內文字型（Akkurat）。 · 展示文字需維持緊湊的負字距，營造密實、具建築感的視覺效果。

04

間距

4px
8px
12px
16px
24px
32px
40px
48px
96px
120px

在巨型字體與影像區塊周圍預留充足留白，讓大膽色彩得以呼吸。

05

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

sm · 4px
md · 6px
lg · 9999px
pill · 9999px

06

版面

1440container
12columns
24pxgutter
768 / 1024breakpoints

全寬色彩區塊內含四欄網格佈局，用於活動與影片卡片。

07

動效與互動

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

顏色與背景變化的平滑過渡。 · 互動元素的細微透明度漸隱。 · 影像揭示的 clip-path 動畫。

導覽連結的色彩變化與互動元素的細微透明度改變。 · 透過平滑微互動提供即時視覺回饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

設計一個大膽的當代文化機構網站。使用高電壓酸性綠（#BEFF00）作為主要背景色，深青綠（#0A4B50）用於主要文字與深色區塊。字體必須採用粗體、全大寫的 grotesque-sans，搭配緊湊字距用於巨型展示標題，並結合乾淨的幾何無襯線字體用於內文。佈局應為全版面、基於網格，在高品質攝影或影片上使用超大文字覆層。關鍵：絕不使用柔和色彩或傳統襯線；避免圓角容器與陰影；確保文字大膽、粗體、毫不妥協。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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