精選 · 開放 · 免費

OMA

單體式建築作品集，讓建築自行發聲，使用者介面退居幕後

architecturestudio

OMA 網站截圖

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

原站: https://www.oma.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

建築事務所全球編輯風格極簡

一枚偶爾以紅色跳動的單色瑞士腕錶

02

色彩

#FF0000Accent

#000000Ink

#FFFFFFBG

#666666Muted

rgba(0,0,0,1.0)Line

嚴格以黑白為基調，僅以單一、銳利的紅色強調色標註關鍵中繼資料

03

字型

grotesque-sans

display58px · 700
heading50px · 700
body16px · 500

展示層級文字必須全大寫 · 大型文字需使用緊湊的負字距 · 字重嚴格交替使用 500 與 700

04

間距

4px

8px

12px

16px

24px

32px

48px

64px

96px

以固定 4px 為基準單位，一致用於內邊距與內部元素間距

05

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

sm · 0px

md · 0px

lg · 0px

pill · 0px

僅以 4px 實線邊框突顯具時效性的內容區塊

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

滿版出血攝影搭配硬邊排版容器疊加

07

動效與互動

220msmicro

400mssmall

800msmedium

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

標準連結過渡效果（全域屬性）

所有文字連結與元素使用標準游標圖示 · 標準游標互動

08

組件

button 無可見按鈕，排版文字本身即為主要互動層
card 隱形結構容器，用於將文字區塊對齊於滿版影像之上
chip 無
input 無
hero 大尺度建築攝影搭配疊加的無襯線粗體文字

09

文案語氣與禁用清單

語氣權威、制度化、嚴格陳述式
標題風格 短促有力的建築標題，採粗體大寫
按鈕文案 標準行內文字連結

請勿使用 border-radius — 螢幕截圖顯示嚴格 90 度直角
請勿添加陰影 — 螢幕截圖顯示完全平面、無陰影表面
請勿使用小寫標題 — 螢幕截圖顯示所有導覽與標題嚴格大寫
請勿使用厚重內邊距 — 螢幕截圖顯示 12px 至 15px 的緊湊內部間距
請勿使用複雜色盤 — 螢幕截圖僅顯示黑、白與單一紅色強調
請勿使用襯線或裝飾性字體 — 螢幕截圖顯示嚴謹、功能性的 grotesque-sans 字體
避免: 溫暖感
避免: 活潑性
避免: 裝飾元素
避免: 過度內邊距
避免: 圓角

10

包內真實截圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

OMA — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

一個採用極簡高對比設計系統的全球建築作品集網站（OMA）。色盤嚴格使用黑色（#000000）與白色（#FFFFFF），僅以單一銳利紅色（#FF0000）標註日期中繼資料。排版統一使用 grotesque-sans（Arial W01），嚴格以全大寫搭配緊湊負字距呈現。所有元件為平面設計，無圓角（0px）且無陰影，依賴大尺度滿版建築攝影提供視覺吸引力。關鍵禁忌：絕對不可使用 border-radius、絕對不可添加陰影、標題絕對不可使用小寫字母。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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