OpenDesign·你的设计资产库

网页参考

Vol

一个精致的编辑平台,用于设计书籍与策展产品,具备清晰、单色的美学。

EditorialPremiumCleanCurationPhotographic

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

01

设计气质 DNA

编辑式精致出版策展极简主义

呈现方式如画廊般的高端独立出版社。

02

色彩

#272727Ink
#717171Ink soft
#ffffffBG
#949494BG quiet
rgba(39,39,39,0.15)Line

基于留白与字体层级构建高对比度单色基底。

03

字体

transitional-serif · humanist-sans

  • display80px · 300
  • heading50px · 300
  • body20px · 300

所有主字体均采用极细字重(300)。 · 导航与标签采用大号、宽松的大写字间距。 · 大型展示字体使用紧凑的负字间距。

04

间距

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

主要区块之间采用充足的垂直留白,以强调沉稳、编辑式的节奏。

05

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

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

在浅色背景上使用1px深墨色细实线边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全出血摄影主视觉区后,接以居中、宽松的网格布局,用于产品或编辑内容。

07

动效与交互

200msmicro
200mssmall
200msmedium
ease-in-outeasing

针对填充、边框等标准UI元素,采用细微的0.2秒缓入缓出过渡。 · 图标变换采用错开0.2秒的延迟。

颜色或边框的细微过渡,持续0.2秒。 · 标准指针光标,无强烈触觉反馈。

08

组件

  • button 药丸形,具有充足内边距与1px边框,或为实心黑色配白色文字。
  • card 以大幅图像为主、文字叠加极少的简洁布局。
  • chip 药丸形状态标签,使用大写文字。
  • input 清晰的矩形字段,配有明确标签。
  • hero 全出血摄影背景,叠加浅色、大号的衬线或无衬线文字。

09

文案语气与禁用清单

  • 语气 精致、内敛且高度专业。
  • 标题风格 大号、轻量、具有权威感。
  • 按钮文案 内敛的大写字间距或干净的实心药丸形。
  • 请勿使用饱和的霓虹色 — 截图显示为严格的单色、高对比度调色板。
  • 请勿使用厚重、粗壮的字重 — 截图显示所有文本均一致使用轻字重(300)。
  • 请勿使用狭小、局促的间距 — 截图显示章节之间有充足的垂直留白。
  • 请勿使用复杂的渐变 — 截图显示为纯白背景与平面摄影元素。
  • 请勿使用强烈的投影效果 — 截图显示为完全平面化的表面,无任何深度效果。
  • 请勿使用活泼、圆润的展示字体 — 截图显示为精致、轻量的无衬线与过渡型字体。
  • 避免: 刺眼的霓虹色点缀
  • 避免: 活泼或圆润的 grotesque 字体
  • 避免: 密集、杂乱的信息布局

10

包内真实截图

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

11

System Prompt

一个精致的编辑与出版平台(vol.co),采用极简的单色设计。设计DNA基于白色(#ffffff)与深墨色(#272727)构成的高对比度调色板,辅以次要灰色(#949494)。字体始终采用轻字重(300),使用人文无衬线与过渡衬线类别。关键规则:保持极致的留白,避免粗壮字重,拒绝任何饱和的霓虹色或复杂渐变。交互模型沉稳,所有标准UI元素均采用平滑的0.2秒缓入缓出过渡。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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