OpenDesign·你的设计资产库

网页参考

New Museum

一个运用高电压色块和超大展示字体的胆当代艺术博物馆网站。

MuseumArt
New Museum 网站截图

01

设计气质 DNA

前卫当代艺术文化机构大胆颠覆性

用于机构实验的侵略性酸橙绿色画布。

02

色彩

#BEFF00Accent
#0A4B50Ink
#E5E7EBMuted
rgba(10, 75, 80, 1)Line

高电压酸性绿搭配深青色,创造最大视觉张力。

03

字体

grotesque-sans · geometric-sans

  • display72px · 700
  • h156px · 700
  • body16px · 400
  • small14px · 400

仅将展示字体(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

组件

  • button 用于主要操作(如购票)的高对比度深青色胶囊形按钮。
  • card 用于活动和视频的简洁图文网格卡片,无可见容器。
  • chip 用于活动分类(如社区、工作坊)的小号大写文字标签。
  • input 集成在顶部导航栏中的极简搜索功能。
  • hero 全出血背景视频或图像,上覆超大、充满屏幕的字体。

09

文案语气与禁用清单

  • 语气 大胆、前卫且具有文化自信。
  • 标题风格 简短、有力、全大写的展示文本,要求引人注目。
  • 按钮文案 直接且可操作,常使用单词如“购票”。
  • 不要使用柔和或粉彩色——截图显示充满活力的酸性绿(#BEFF00)作为主要品牌色。
  • 不要使用标准的衬线字体排印——截图显示粗体、全大写的无衬线展示字体。
  • 不要使用微妙的背景纹理或渐变——截图显示纯色、扁平的色块。
  • 不要使用厚重的投影或3D效果——截图显示扁平、图形化的构图。
  • 不要使用标准的左对齐、小边距文本——截图显示打破标准网格边界的超大文本覆盖。
  • 不要使用复杂的容器边框——截图显示各色块之间清晰、无边框的分隔。
  • 避免: 不要使用传统衬线字体。
  • 避免: 不要使用柔和的粉彩色或微妙的渐变。
  • 避免: 不要在大容器上使用圆角。

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

设计一个大胆的当代文化机构网站。使用高电压酸性绿(#BEFF00)作为主要背景,深青色(#0A4B50)用于主要文本和深色区块。字体排印必须为粗体、全大写的无衬线展示字体,具有紧凑的字间距,搭配干净的几何无衬线字体用于正文。布局应为全出血且基于网格,特征是在高品质摄影或视频上覆盖超大文本。关键:切勿使用微妙色彩或传统衬线字体;避免圆角容器和投影;确保文本大、粗、毫不妥协。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。