OpenDesign·你的设计资产库

网页参考

Palazzomonti

为文化中心打造的精致极简编辑布局,强调充足的留白与经典的字体排印。

EditorialPremiumCurationCleanCalm

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

01

设计气质 DNA

文化中心驻留项目艺术建筑极简主义

一个具有精致、克制美学的当代艺术画廊网站。

02

色彩

#226D7AAccent
#000000Ink
#FFFFFFBG
#B0E0E9BG soft
rgba(0,0,0,1)Line

基于高对比度的单色基底,搭配单一、沉稳的青色作为强调色。

03

字体

transitional-serif

  • display36px · 400
  • body20px · 400
  • label16px · 700

展示文本与正文均使用过渡衬线体。 · 保持充足的行高以确保可读性。 · 除标签外,避免使用粗体字重。

04

间距

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

采用宽裕的垂直间距,顶部和底部内边距较大

05

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

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

1px solid #000000

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

全宽分割布局,采用非对称列

07

动效与交互

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

所有元素均已启用过渡效果

细微的颜色过渡 · 无明显的点击状态

08

组件

  • button 胶囊形轮廓按钮,文字使用大写。
  • card 未使用卡片组件。
  • chip 未使用标签组件。
  • input 未使用输入组件。
  • hero 极简的文本英雄区域,采用高对比度排版。

09

文案语气与禁用清单

  • 语气 正式、描述性且克制
  • 标题风格 采用衬线字体的简短、陈述性句子
  • 按钮文案 大写、胶囊形轮廓按钮
  • 不要使用无衬线字体 — 截图显示为过渡衬线体排版。
  • 不要使用明亮、饱和的颜色 — 截图显示为柔和的青色强调色 (#226D7A)。
  • 不要使用圆角 — 截图显示按钮为直角边缘。
  • 不要使用投影 — 截图显示为扁平化表面。
  • 不要使用深色模式 — 截图显示为明亮的白色背景。
  • 不要使用复杂布局 — 截图显示为宽敞的单列文本流。
  • 避免: 俏皮的语气
  • 避免: 过多的标点符号
  • 避免: 视觉杂乱

10

包内真实截图

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

11

System Prompt

定位:一个为文化中心设计的、精致的极简编辑类网站。主要颜色:#FFFFFF 背景,#000000 墨色,#226D7A 强调色。字体类别:展示文本与正文均使用过渡衬线体。关键禁忌:不要使用无衬线字体,不要使用明亮饱和的颜色,不要使用投影。该设计依靠充足的留白与经典的字体排印来传达一种宁静与文化权威感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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