OpenDesign·你的设计资产库

网页参考

Thehudsonbecgroup

一则宣告企业集团成立的极简编辑公告页面

EditorialPremiumCurationStudioClean

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

01

设计气质 DNA

编辑策展集团公告极简纯净

具有纯净排版布局的高端编辑公告卡片

02

色彩

#000000Ink
#FFFFFFBG
rgba(0, 0, 0, 0)Line

严格单色配色方案,采用白底黑字以实现最大对比度与编辑清晰度

03

字体

transitional-serif · grotesque-sans

  • display48px · 400
  • body24px · 700
  • caption14px · 700

主公告声明使用过渡衬线字体,以传达编辑权威性 · 品牌名称使用粗体怪诞无衬线字体,建立清晰视觉层次 · 在单行内混搭字体风格,创造有趣的排版构图 · 保持充足的行高,确保优雅的可读性

04

间距

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

居中文本块周围留有充足留白

05

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

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

无可见边框

06

布局

1200container
1columns
24pxgutter
768 / 1024breakpoints

视口中央居中单文本块

07

动效与交互

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

08

组件

  • hero 居中排版公告区块

09

文案语气与禁用清单

  • 语气 自信、声明式、编辑风格
  • 标题风格 衬线与无衬线混搭,通过字重变化实现强调
  • 按钮文案 无可见设计
  • 勿使用色彩强调——截图仅显示纯黑白配色
  • 勿在单行内使用多种字号——截图显示文本内存在字体混搭
  • 勿添加装饰性边框或背景——截图仅显示纯净留白
  • 勿对所有文本使用粗体——截图显示衬线正文使用常规字重
  • 勿对短段落居中对齐——截图显示居中文本块为主要布局
  • 勿使用复杂UI组件——截图仅显示排版元素
  • 避免: 彩色渐变
  • 避免: 装饰性元素
  • 避免: 复杂布局

11

System Prompt

这是一个为HudsonBec集团设计的极简编辑公告页面,定位为高端企业通讯界面。关键配色为纯黑(#000000)与纯白(#FFFFFF),无强调色,营造最大对比度以体现编辑权威性。排版上将过渡衬线字体用于标题,怪诞无衬线字体用于品牌名称,形成既有趣又精妙的排版构图。关键禁忌:切勿添加色彩强调,切勿使用统一字重,切勿添加装饰性UI元素。布局极其简约,仅含单个居中文本块,体现了克制与专注内容传达的理念。该网站示范了如何仅通过排版本身创造视觉吸引力与层次感,而不依赖色彩或复杂组件。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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