精選 · 開放 · 免費

MVRDV

一個大膽、影像驅動的建築事務所網站，以巨大字體疊加於全幅出血的專案攝影之上。

architecturestudio
MVRDV 網站截圖
↓ 下載設計系統包 (132 MB)在 OpenDesign 中開啟

原站: https://www.mvrdv.nl

📦 瀏覽包內檔案 →

01

設計氣質 DNA

建築都市主義研究創新社會

建築事務所的作品集，展示大型結構專案與大膽的設計概念。

02

色彩

#000000Ink
#ffffffBG
rgba(0,0,0,0.2)Line

單色調色盤（黑與白），視覺趣味完全依賴攝影內容。

03

字型

grotesque-sans

標題字體嚴格使用大寫並緊密調整字距。 · 內文使用標準句首大寫與標準字重。 · 粗體字重僅保留用於特定強調。

04

間距

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

寬裕的垂直節奏，使用大型 padding 區塊（上下各約 56px）以清晰分隔各區塊。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

使用細的 1px 黑色邊框作為按鈕與分隔線。

rgba(0,0,0,0.4) 0px 0px 2px 0px · rgba(0,0,0,0.2) 0px 0px 5px 0px

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全幅出血的主視覺圖片與潔白的內容區塊交替出現。

07

動效與互動

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

顏色與 transform 屬性的流暢過渡效果。 · 互動時的快速透明度淡入淡出。

即時回應，顏色或 transform 變化在短暫的 100-200ms 時間尺度內完成。 · 細微的 transform 位移。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高端建築事務所作品集，其特點是巨大、大膽的字體排版與全幅出血的建築攝影。調色盤嚴格採用單色，僅使用黑色 (#000000) 與白色 (#ffffff) 以創造高對比度。字體類別為 grotesque-sans，標題字體以大型、緊密調整字距的大寫字母呈現。關鍵限制包括避免任何顏色強調、避免圓角 UI 形狀，以及永遠不在主要版面元件上添加陰影。版面佈局依賴攝影主視覺區塊與潔白內容區塊之間的強烈交替，以傳達規模感與願景。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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