OpenDesign·你的设计资产库

网页参考

V A C

一个为文化机构项目和活动设计的极简数字图录。

EditorialGalleryTypographyCurationClean
V A C 网站截图

01

设计气质 DNA

文化编辑极简展览画廊

一本数字展览图录

02

色彩

#000000Ink
#FFFFFFBG
#F1F1F1BG quiet
#999999Muted
rgba(0, 0, 0, 1)Line

采用单色调色板,严格使用黑与白,仅在次要元素或占位符上使用灰色。

03

字体

geometric-sans · humanist-sans

  • display34px · 400
  • body20px · 400
  • small16px · 400

标题混合使用常规字重与斜体副文本 · 标题行高设置紧凑,以形成紧凑的文本块 · 所有排版均使用 400 字重

04

间距

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

内容区块之间充足的垂直留白,营造出富有节奏感的编辑式流线。

05

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

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

结构上使用 1px 实线黑色边框,主要用于顶部导航,有时也用作分隔线。

06

布局

1440container
3columns
20pxgutter
768 / 1024breakpoints

非对称网格布局,项目以动态方式放置,具有不同的垂直位置。

07

动效与交互

200msmicro
250mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

悬停时平滑的颜色过渡 · 交互元素的透明度淡入淡出

悬停时文本颜色或透明度发生轻微变化,以指示可交互性 · 直接导航至活动或项目详情页

08

组件

  • button 纯文本链接,带对角箭头图标,作为主要交互元素
  • card 媒体内容丰富的活动卡片,时间戳在上,媒体在中,标题在下
  • hero 一个简洁、以排版为主的英雄区块,机构名称在布局中分行展示。

09

文案语气与禁用清单

  • 语气 权威、简洁、具有机构感
  • 标题风格 简短、描述性的标题,通常伴有斜体副标题或日期
  • 按钮文案 不显眼的基于文本的链接,无突出按钮样式
  • 不要使用投影——截图显示完全扁平化设计,没有任何深度效果
  • 不要在容器上使用圆角——截图显示为锐利的矩形元素
  • 不要添加鲜艳的强调色——截图显示严格的单色设计
  • 不要使用多种字重——截图显示全文统一使用 400 字重
  • 不要为卡片使用厚重的边框——截图显示为无边框的内容区块
  • 不要在栏目中居中对齐文本——截图显示为左对齐的排版
  • 避免: 过于推销的语言
  • 避免: 过度使用表情符号或装饰性元素
  • 避免: 分散内容注意力的复杂 UI 模式

10

包内真实截图

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

11

System Prompt

一个用于文化机构数字图录的极简、编辑式设计系统。采用严格的单色调色板(黑 #000000 配白 #FFFFFF),使用几何与人文无衬线字体,字重统一为 400。布局基于非对称网格,依靠充足的留白和纤细的 1px 线条来构建结构。关键交互涉及细微的透明度和颜色过渡。关键禁忌:避免使用投影、圆角、鲜艳色彩、多种字重、厚重边框和居中文本。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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