精选 · 开放 · 免费

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

全宽色块，内含用于活动和视频卡片的4列网格布局。

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）用于主要文本和深色区块。字体排印必须为粗体、全大写的无衬线展示字体，具有紧凑的字间距，搭配干净的几何无衬线字体用于正文。布局应为全出血且基于网格，特征是在高品质摄影或视频上覆盖超大文本。关键：切勿使用微妙色彩或传统衬线字体；避免圆角容器和投影；确保文本大、粗、毫不妥协。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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