OpenDesign·你的设计资产库

网页参考

Unveil Fr

一个聚焦于字体与留白的超极简编辑式网站。

EditorialCleanTypographyMinimalReference

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

01

设计气质 DNA

精致极简编辑式字体驱动精确

瑞士字体样本或高端画廊目录。

02

色彩

#000000Ink
#FAFAFABG
#FFFFFFBG soft
rgba(0,0,0,1)Line

单色对比,利用大面积留白突出字体。

03

字体

geometric-sans

  • body-sm10px · 400
  • body-md16px · 400

所有文字均为大写 · 字距紧凑但清晰 · 在层级中使用一致的字重(400)

04

间距

4px
8px
12px
16px
24px
28px
40px

充裕的内边距和间距营造出宽松、通透的布局。

05

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

sm · 6px
md · 6px
lg · 6px
pill · 33554400px

1px solid black

06

布局

12columns
24pxgutter
768 / 1024breakpoints

全屏居中文字或左对齐的文本块,留有巨大空白。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing

淡入过渡

交互元素上光标变为指针。 · 标准指针交互。

08

组件

  • button 极简的大写文字或带圆角的描边方框。
  • card 带充裕内边距的描边容器。
  • chip 无可见组件。
  • input 无可见组件。
  • hero 居中或左对齐的大尺寸百分比数字。

09

文案语气与禁用清单

  • 语气 客观、精确、冷静。
  • 标题风格 大写、数字或简短文字片段。
  • 按钮文案 微妙、极简的文字或描边按钮。
  • 不要使用多种颜色——截图显示为严格的黑白/灰度调色板。
  • 不要使用衬线字体——截图显示为纯无衬线字体。
  • 不要使用小写文字——截图显示所有文字均为大写。
  • 不要使用厚重的投影——截图显示为平面、无边框或细边框的表面。
  • 不要用内容填满屏幕——截图显示大量空白留白。
  • 不要使用装饰性图标——截图显示纯字体和简单几何形状。
  • 避免: 过度装饰
  • 避免: 高饱和色彩
  • 避免: 随意语言

10

包内真实截图

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

11

System Prompt

一个超极简的编辑式网站设计,依赖于极致的留白和精确的字体排印。调色板严格为单色,采用白色背景(#FAFAFA)和纯黑色文字(#000000)。字体为简洁的几何无衬线体,全部使用大写并配合紧凑的字距,以营造出精致的样本感。布局稀疏,常居中显示小尺寸百分比数字或左对齐极简的文本块。关键设计规则:绝不使用多种颜色或强调色;绝不使用衬线字体;绝不使用小写文字;绝不让不必要的元素充斥界面;始终优先考虑留白;保持严格的单色层级。整体感觉冷静、精致且高度自律,类似于高端画廊目录或瑞士设计样本。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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