精选 · 开放 · 免费

Savoirfaire Nyc

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

01

设计气质 DNA

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

02

色彩

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

03

字体

didone-serif · humanist-sans

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

顶部水平文本滚动条

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

08

组件

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

09

文案语气与禁用清单

• 语气 自信、极简、高端。
• 标题风格 全大写、超大号、细衬线字体。
• 按钮文案 极简的圆形图标按钮。

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

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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