01
设计气质 DNA
编辑策展集团公告极简纯净
具有纯净排版布局的高端编辑公告卡片
02
色彩
#000000Ink#FFFFFFBGrgba(0, 0, 0, 0)Line严格单色配色方案,采用白底黑字以实现最大对比度与编辑清晰度
03
字体
- display
48px · 400 - body
24px · 700 - caption
14px · 700
主公告声明使用过渡衬线字体,以传达编辑权威性 · 品牌名称使用粗体怪诞无衬线字体,建立清晰视觉层次 · 在单行内混搭字体风格,创造有趣的排版构图 · 保持充足的行高,确保优雅的可读性
04
间距
4px8px16px24px32px48px64px96px居中文本块周围留有充足留白
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元素。布局极其简约,仅含单个居中文本块,体现了克制与专注内容传达的理念。该网站示范了如何仅通过排版本身创造视觉吸引力与层次感,而不依赖色彩或复杂组件。