OpenDesign·你的设计资产库

网页参考

Savoirfaire Nyc

一个以超大衬线字体和慷慨留白为主导的、鲜明的黑白编辑网站。

EditorialBold TypographyPremiumMonochromeClean

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

01

设计气质 DNA

极简编辑式精致高对比排版驱动

高端时尚杂志或艺术画廊网站。

02

色彩

#FFFFFFInk
#000000BG
#808080Muted
rgba(128,128,128,1.0)Line

严格的单色对比,以实现最大的编辑冲击力。

03

字体

didone-serif · humanist-sans

  • display360px · 100
  • body19px · 400
  • caption9px · 400

04

间距

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

慷慨的垂直间距强调了大号排版文字。

05

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

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

无可见边框;依赖高对比度。

06

布局

1920container
12columns
24pxgutter
768 / 1024breakpoints

全屏黑色背景,底部锚定超大排版文字,顶部设有滚动条。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

顶部水平文本滚动条

交互元素显示为指针光标。 · 标准点击交互。

08

组件

  • button 极简的圆形按钮,带十字图标。
  • card 无可见卡片。
  • chip 无可见标签。
  • input 无可见输入框。
  • hero 超大排版式主视觉,采用极细迪多尼衬线字体展示品牌名称。

09

文案语气与禁用清单

  • 语气 自信、极简、高端。
  • 标题风格 全大写、超大号、细衬线字体。
  • 按钮文案 极简的圆形图标按钮。
  • 勿使用多种颜色 —— 截图显示严格的黑白单色调色板。
  • 勿为展示文字使用粗重的字重 —— 截图显示的是超细(字重 100)的衬线字体。
  • 勿用过多元素使布局杂乱 —— 截图显示的是带有巨大留白的极端极简主义。
  • 勿为主要元素使用圆角 —— 截图显示的是锋利的排版和一个圆形图标按钮。
  • 勿使用投影或渐变 —— 截图显示的是扁平、高对比度的元素。
  • 勿使用装饰性或活泼的字体 —— 截图显示的是精致的迪多尼衬线体和简洁的人文无衬线体。
  • 避免: 使用多种颜色
  • 避免: 为文本添加投影
  • 避免: 使用装饰性或活泼的字体
  • 避免: 用过多元素使布局杂乱
  • 避免: 使用厚重的背景纹理
  • 避免: 过度使用边框或线条

10

包内真实截图

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

11

System Prompt

这是一个极简、高对比度的编辑网站。其设计基因植根于极致的简洁,采用纯黑背景 (#000000) 和清晰的白色文本 (#FFFFFF)。排版是主要焦点,展示文字使用超细的迪多尼衬线字体,界面元素则使用简洁的人文无衬线字体。微妙的灰色 (#808080) 用于次要文本。布局以大面积留白和全出血主视觉为特征。关键禁忌:避免使用多种颜色,避免为展示文字使用粗重字重,避免使布局杂乱。整体感觉高端、自信且非常精致,类似于高端艺术或时尚出版物。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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