OpenDesign·你的设计资产库

网页参考

Epic

一个克制、编辑风格的机构网站,拥有宽幅字间距与充裕负空间。

EditorialCleanCalmRestraintRefined

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

战略咨询机构数字创意机构编辑式设计极简主义

一本安静、自信的机构期刊

02

色彩

#2D2D2DInk
#D5D5D5BG
#7A7A7AMuted
rgba(0,0,0,0.15)Line

单色、低对比度的调色板,依赖字体排版与空间布局。

03

字体

geometric-sans

  • display14px · 400
  • body16px · 400

标题与导航使用全大写字母,并设置极宽的字间距。 · 正文采用常规字重,清晰易读,具备高度可辨识性。

04

间距

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

通过充裕的垂直间距来分隔主要区块。

05

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

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

纤细的单像素水平线用于划分内容。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

非对称布局,左侧留有大片空白,内容集中于右侧。

07

动效与交互

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

静态布局,仅可见极少的动效提示。

链接与按钮在交互时产生微妙的透明度变化或颜色反转。 · 标准指针光标。

08

组件

  • button 全大写文本的胶囊形轮廓按钮。
  • card 期刊条目仅通过纤细的水平线进行分隔。
  • hero 宽敞的空白头部区域,着重呈现「想象 · 构建 · 传达」的标语。

09

文案语气与禁用清单

  • 语气 专业、权威且内敛。
  • 标题风格 全大写、宽字距的标签;混合大小写、中等字重的文章标题。
  • 按钮文案 极简风格,使用纤细的箭头图标与小号全大写文本。
  • 请勿使用明亮或饱和的颜色——截图显示的是柔和的单色灰度调色板。
  • 请勿使用紧凑的字间距——截图显示标题采用了极宽的字距。
  • 请勿将文本居中对齐——截图显示内容为左对齐。
  • 请勿添加厚重的阴影或景深——截图显示的是完全扁平化的设计。
  • 请勿将元素紧密排列——截图呈现了大量负空间。
  • 请勿使用粗重、加粗的字重——截图采用的是统一、常规的字体排版。
  • 避免: 高饱和度色彩
  • 避免: 密集文本块
  • 避免: 装饰性元素

11

System Prompt

这是一个具有高度克制编辑式美学的战略数字创意机构网站。设计完全依赖柔和的单色方案(背景: #D5D5D5, 墨色: #2D2D2D)与大量负空间。字体采用简洁的几何无衬线体,全大写的标题与标签设置了极宽的字间距。布局为非对称式,内容锚定于视口右侧。关键禁忌包括:绝不使用紧凑的标题字间距,绝不使用明亮或饱和的颜色,绝不将元素密集排布。整体基调专业、平静且权威。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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