精選 · 開放 · 免費

MoMA

一個以攝影為主導的極簡編輯設計，讓藝術得以呼吸。

01

設計氣質 DNA

為全球頂尖現代藝術博物館打造的乾淨、具權威感的機構聲音。

02

色彩

高對比的黑白配色為色彩繽紛的攝影創造了一個中性、畫廊般的畫布。

03

字型

grotesque-sans

• display56px · 900
• heading40px · 900
• subhead30px · 900
• body18px · 400

所有主要文字使用 MoMA Sans（grotesque-sans）字體。 · 在大型標題文字上使用緊密的負字距，以強調機構權威感。 · 在粗體標題和標準內文之間保持高對比。

04

間距

一個結構化的 4px 基礎網格，確保多欄佈局的對齊一致性。

05

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

極簡邊框；僅用作章節分隔的粗水平線。

06

版面

一個 12 欄網格佈局，以大幅、全寬的主視覺攝影和嚴格左對齊的文字區塊為主體。

07

動效與互動

hover 狀態時微妙的透明度過渡；圖片載入時使用簡單的線性顯示效果。

文字連結和互動元素在 hover 時變色或改變透明度。 · 標準互動狀態；按鈕透過 transform 輕微下壓。

08

組件

• button 銳角、高對比的矩形按鈕；主要 CTA 為黑底白字。
• card 極簡卡片，依賴強烈的攝影圖片和粗體、無裝飾的排版。
• chip 非主要功能；依賴標準超連結。
• input 乾淨、極簡的輸入框，帶有底部邊框。
• hero 全出血、邊對邊的攝影主視覺區塊，文字內容與之重疊。

09

文案語氣與禁用清單

• 語氣 權威、 welcoming 且具文化重要性。
• 標題風格 簡短、有力且直接（例如：「歡迎」、「您在 MoMA 的一天」）。
• 按鈕文案 以行動為導向且實用（例如：「規劃您的參觀」、「購票」）。

• 不要使用圓角 — 畫面截圖顯示的是銳角、0px 圓角的矩形。
• 不要使用陰影 — 畫面截圖顯示的是扁平、無邊框的元素。
• 不要為主要內容使用深色背景 — 畫面截圖顯示的是主導的白色畫布。
• 不要使用裝飾性襯線字體作為標題 — 畫面截圖顯示的是嚴格的 grotesque-sans 字體系統。
• 不要使用複雜的漸層 — 畫面截圖顯示的是實色和扁平的攝影背景。
• 不要為卡片使用粗邊框 — 畵面截圖顯示的是乾淨的間距，無輪廓。
• 避免: 避免俏皮的表情符號
• 避免: 避免過於隨意的俚語
• 避免: 避免使用陰影或圓角
• 避免: 避免裝飾性字體

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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