OpenDesign·你的设计资产库

网页参考

Louisiana

一个精致而平静的博物馆网站,强调排版与留白。

MuseumArt

封面待补录,可通过原站查看设计。

01

设计气质 DNA

博物馆艺术文化机构画廊展览

一个宁静的现代艺术画廊入口

02

色彩

#000000Ink
#FFFFFFBG
#B0E0E9BG soft
#226D7AMuted
rgba(0,0,0,1.0)Line

内容采用鲜明、高对比的黑白配色,并以平静的水青色作为点缀。

03

字体

transitional-serif · humanist-sans

  • display36px · 700

标题使用粗体过渡衬线字体,营造经典、权威感。 · 正文和界面文字使用 Open Sans,呈现简洁的人文主义风格。

04

间距

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

采用宽大的垂直韵律,上下留有充裕的内边距,以营造平静和专注感。

05

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

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

主内容区域无可见边框,保持平面、简洁的美学。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

内容居中置于宽大的容器内,并过渡至全出血的色块区域。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

交互元素在悬停状态下的过渡动画。

交互元素上微妙的状态变化。 · 标准的导航和内容区域展开。

08

组件

  • button 简单的文本交互元素,通常带有用于展开的 chevron 图标。
  • card 极简主义卡片,主要通过文字和间距来定义。
  • chip 未观察到。
  • input 未观察到。
  • hero 一个宽大的全出血色块,带有纯色背景和巨大、粗体的衬线字体排版。

09

文案语气与禁用清单

  • 语气 信息丰富、富有文化感且略带正式。
  • 标题风格 粗体、全大写的大号衬线文字,以吸引注意力。
  • 按钮文案 含蓄的、内嵌式的文本链接,而非突出的按钮。
  • 不要使用明亮、饱和的颜色——截图显示的是由黑、白和柔和青色构成的克制调色板。
  • 不要为元素添加圆角——截图显示的是边缘锐利的严格矩形形状。
  • 不要为正文使用多种字体家族——截图显示界面元素一致地使用无衬线字体。
  • 不要创建密集、杂乱的布局——截图强调了充足的留白和专注的排版。
  • 不要使用沉重的投影或景深效果——截图展示的是平面、简洁的设计。
  • 不要为主要内容标题使用无衬线字体——截图显示的是粗体过渡衬线字体。
  • 避免: 刺眼的颜色
  • 避免: 激进的行动号召
  • 避免: 视觉杂乱

10

包内真实截图

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

11

System Prompt

一个精致的、具有编辑感的博物馆网站设计,平衡了经典排版与简洁现代的布局。调色板严格限于内容的黑白配色,并谨慎地使用标志性的柔和青色(#226D7A)作为点缀或背景。排版上混合使用粗体过渡衬线字体作为醒目的标题,以及人文主义无衬线字体作为简洁的正文。布局优先考虑大量的留白和居中的内容栏,以营造平静、专注的阅读体验。请勿引入明亮、饱和的颜色、圆角或投影。避免界面杂乱,并确保标题保持粗体和权威感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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