精选 · 开放 · 免费

Vol

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

01

设计气质 DNA

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

02

色彩

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

03

字体

transitional-serif · humanist-sans

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

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 精致、内敛且高度专业。
• 标题风格 大号、轻量、具有权威感。
• 按钮文案 内敛的大写字间距或干净的实心药丸形。

• 请勿使用饱和的霓虹色 — 截图显示为严格的单色、高对比度调色板。
• 请勿使用厚重、粗壮的字重 — 截图显示所有文本均一致使用轻字重（300）。
• 请勿使用狭小、局促的间距 — 截图显示章节之间有充足的垂直留白。
• 请勿使用复杂的渐变 — 截图显示为纯白背景与平面摄影元素。
• 请勿使用强烈的投影效果 — 截图显示为完全平面化的表面，无任何深度效果。
• 请勿使用活泼、圆润的展示字体 — 截图显示为精致、轻量的无衬线与过渡型字体。
• 避免: 刺眼的霓虹色点缀
• 避免: 活泼或圆润的 grotesque 字体
• 避免: 密集、杂乱的信息布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko