OpenDesign·你的设计资产库

网页参考

Guggenheim

一个为世界级艺术博物馆打造的精致、机构化设计系统。

MuseumArt
Guggenheim 网站截图

01

设计气质 DNA

博物馆艺术现代机构精致

一座粗野主义建筑中精心策划的画廊墙面。

02

色彩

#171717Ink
#393939Ink soft
#ffffffBG
#999999Muted
rgba(23,23,23,0.2)Line

高对比度的单色调，以最大化突出艺术品。

03

字体

grotesque-sans

  • display40px · 700
  • body16px · 400

主要导航和品牌元素使用大写字母。 · 大型展示文本使用较宽的字间距。 · 保持墨色和背景之间的高对比度。

04

间距

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

基于4px的网格，栏间距统一为32px/40px。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px solid #171717

06

布局

1280container
12columns
32pxgutter
768 / 1024breakpoints

全宽度媒体主视觉，后接一个宽幅内容网格。

07

动效与交互

100msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

主视觉内容在加载时淡入。 · 视频叠加层使用平滑的透明度过渡。

文本颜色变化或出现下划线。 · 立即导航至目标区域。

08

组件

  • button 矩形，白色背景上的黑色文本，带有1px黑色边框。
  • card 无边框，大画幅艺术作品图像，文本置于下方。
  • hero 全出血，高冲击力的摄影或视频，搭配居中的白色排版。

09

文案语气与禁用清单

  • 语气 权威、有教养且富有吸引力。
  • 标题风格 简短、有力且大写。
  • 按钮文案 清晰、以行动为导向且带有下划线。
  • 不要使用明亮的强调色——截图显示的是单色调色板。
  • 不要在按钮上使用圆角——截图显示的是锐利的矩形边框。
  • 不要在元素上使用投影——截图显示的是扁平、干净的表面。
  • 不要使用装饰性或手写体字体——截图显示的是干净的几何无衬线体。
  • 不要使用复杂的渐变——截图显示的是纯黑和纯白背景。
  • 不要使用居中的正文文本——截图显示的是左对齐的导航和艺术品说明。
  • 避免: 非正式语言
  • 避免: 过多的形容词
  • 避免: 杂乱的布局

10

包内真实截图

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

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

11

System Prompt

这是一个为世界级艺术博物馆打造的精致、机构化设计系统。视觉标识基于高对比度的单色调色板构建，使用 #171717 作为墨色，#ffffff 作为背景色，#393939 作为次要墨色。排版采用定制的 grotesque-sans 类别，展示元素使用较宽的字间距，正文文本清晰且功能化。布局基于网格，栏间距为32px，容器宽度为1280px，优先考虑大尺度图像。关键禁忌包括：不要使用明亮的强调色；不要使用圆角；不要使用投影。语气权威且富有教养，聚焦于清晰的行动号召和全大写的导航。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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