OpenDesign·你的设计资产库

网页参考

Rijksmuseum

一个高端文化遗产网站,通过高冲击力的摄影和大胆的排版品牌展示古典艺术。

MuseumArt
Rijksmuseum 网站截图

01

设计气质 DNA

博物馆遗产艺术文化高端

一个享有盛誉的国家级美术馆入口。

02

色彩

#CC4C28Accent
#000000Ink
#FFFFFFBG
#C2CCCEMuted
rgba(194, 204, 206, 1)Line

高对比度的单色调搭配单一暖色点缀,依靠摄影叠加层提供视觉丰富性。

03

字体

humanist-sans

  • display120px · 700
  • headline24px · 700
  • body17px · 400

导航和章节标签使用大写字母 · 标题和主要操作使用粗体

04

间距

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

容器内部使用充足的内边距,让摄影图片得以呼吸。

05

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

sm · 2px
md · 4px
lg · 8px
pill · 999px

极简,通常在表单元素或细微分隔线上使用1px实线边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全出血的主视觉部分带有叠加的排版,过渡到结构化的内容网格。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

悬停时微妙的背景尺寸过渡 · 内容加载时的淡入淡出 · 交互状态的平滑颜色过渡

背景颜色过渡和轻微的背景尺寸缩放。 · 即时的视觉反馈。

08

组件

  • button 实色块背景搭配大写文字,直角或微圆角。
  • card 以图片为主,文字直接叠加在摄影图上。
  • chip 小型大写标签,实色背景。
  • input 极简的下划线或浅色边框输入框。
  • hero 巨大的全宽度摄影图,叠加大型排版品牌标识。

09

文案语气与禁用清单

  • 语气 权威、优雅且引人入胜。
  • 标题风格 直接且有冲击力,常使用大写。
  • 按钮文案 面向行动、大写且高度可见。
  • 不要使用俏皮或圆润的字体——截图显示的是结构化的无衬线人文主义字体。
  • 不要使用多色彩调色板——截图显示的是由白色、黑色和单一橙色点缀组成的克制调色板。
  • 不要使用装饰性边框或复杂阴影——截图显示的是扁平、整洁的表面风格。
  • 不要使用小而紧凑的排版——截图显示的是大而清晰的字体,带有充足的间距。
  • 不要使用抽象图案——截图显示高质量的摄影图像是主要的视觉元素。
  • 不要在导航中使用小写字母——截图显示的是大写的导航链接。
  • 避免: 俚语
  • 避免: 过于随意的措辞
  • 避免: 复杂的学术术语

10

包内真实截图

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

11

System Prompt

Rijksmuseum是一个高端文化遗产网站,定位为通向世界级艺术的权威门户。它采用高对比度调色板,以白色(#FFFFFF)和黑色(#000000)为主,搭配单一的暖橙色(#CC4C28)作为主要行动号召的点缀。排版使用人文主义无衬线字体(RijksText),标题为粗体大写。关键禁忌:不要使用俏皮的字体或圆角UI元素;避免多色渐变或装饰性边框;绝不使用小而紧凑的排版。布局依赖于巨大的、全出血的摄影主视觉,叠加大型品牌标识,并过渡到整洁的内容网格。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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