精选 · 开放 · 免费

Guggenheim

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

museumart

Guggenheim 网站截图

↓ 下载设计系统包 (57 MB)在 OpenDesign 中打开

原站: https://www.guggenheim.org

📦 浏览包内文件 →

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 — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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