精选 · 开放 · 免费

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

充裕的垂直节奏，采用大块的内边距（约上下各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

颜色和变换属性的平滑过渡。 · 交互时的快速不透明度淡出。

即时响应，在100-200ms的短时间尺度上发生颜色或变换变化。 · 细微的变换移动。

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