01
设计气质 DNA
公告收购极简企业透明
一个简洁、专业的新闻稿页面
02
色彩
#F06543Accent#000000Ink#FFFFFFBG#F8F8F8BG soft#888888Mutedrgba(0,0,0,0.1)Line简洁、高对比度的黑白配色,搭配一个鲜明的强调色
03
字体
- display
48px · 500 - body
16px · 400
标题使用中等字重与紧凑的字距。 · 正文使用常规字重,并设置充裕的行高以提升可读性。
04
间距
4px8px16px24px32px48px64px96px垂直间距遵循统一的 4px 基础网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
图片容器使用细微的浅灰色边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
单栏居中布局,便于专注阅读。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
下拉菜单可能具有细微的背景变化。 · 标准的链接与按钮交互。
08
组件
- button 页眉中有一个小型的、药丸形状的深色按钮,文字为白色。
- card 用于承载主标识图形的简洁浅灰色容器。
- hero 一个大型的、基于文字的首屏区域,包含醒目的标题和副标题。
09
文案语气与禁用清单
- 语气 正式、透明且着眼于未来。
- 标题风格 大型、直接的新闻陈述。
- 按钮文案 采用次要导航而非醒目的行动号召。
- 不要使用多种强调色——截图显示仅使用了一个鲜艳的橙红色强调色。
- 不要使用复杂的布局——截图显示的是单栏、居中的文字布局。
- 不要使用浓重的投影——截图显示的是无可见阴影的扁平化设计。
- 不要使用装饰性衬线字体——截图显示的是简洁的几何无衬线字体排印。
- 不要在页面中堆砌元素——截图显示中心内容周围留有充足空白。
- 不要为正文使用圆角容器——截图使用的是利落、干净的直线条。
- 避免: 夸大
- 避免: 复杂
- 避免: 术语
- 避免: 歧义
11
System Prompt
这是一个以文字为核心的极简公告页面。设计采用严格的黑白配色,并以一个鲜艳的橙红色(#F06543)作为强调色。字体排印采用简洁的几何无衬线体。布局为单栏居中,优先考虑可读性。关键禁忌:不要使用多种强调色;不要使用复杂的多栏布局;不要使用装饰性或衬线字体;不要添加不必要的投影或复杂表面处理;不要在界面中堆砌元素,应优先考虑留白;不要为文本块使用粗重的边框或容器。