OpenDesign·你的设计资产库

网页参考

Race To The Bottom Onrender

一个高对比度、以排版为主导的编辑界面,用于评估社会危害。

EditorialCalmTypographyCleanRestraint
Race To The Bottom Onrender 网站截图

01

设计气质 DNA

社会影响投票观点极简主义

一件以极简界面形式呈现的、鲜明的社会评论作品。

02

色彩

#0A0A0AInk
#F0F0F0BG
rgba(10,10,10,1)Line

严格的无彩色配色方案,在浅灰色上使用近黑色,以获得最佳的可读性和鲜明感。

03

字体

didone-serif · monospace

  • display70px · 700
  • body16px · 400
  • button10px · 700

04

间距

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

正文文本块采用一致的 16px 垂直节奏。

05

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

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

无可见边框。

06

布局

680container
1columns
16pxgutter
768breakpoints

居中的内容栏,顶部内边距充足。

07

动效与交互

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

交互元素上为标准的指针光标。 · 触发投票选项。

08

组件

  • button 纯黑色矩形,配白色大写文本。
  • hero 全屏居中的排版块。

09

文案语气与禁用清单

  • 语气 客观、严肃、且具有分析性。
  • 标题风格 大型、有冲击力的衬线字体排版。
  • 按钮文案 简洁、祈使句式。
  • 不要使用渐变 — 截图显示为纯色背景。
  • 不要使用圆角 — 截图显示为直角。
  • 不要使用装饰性插图 — 截图显示为纯排版元素。
  • 不要使用多栏布局 — 截图显示为单个居中栏。
  • 不要使用明亮的强调色 — 截图仅显示黑色和灰色。
  • 不要对标题使用无衬线字体 — 截图显示为粗体 didone 衬线字体。
  • 避免: 俏皮语言
  • 避免: 装饰性元素
  • 避免: 模棱两可

11

System Prompt

定位为一个用于评估社会影响的、鲜明且严肃的编辑工具。配色方案严格无彩色:在浅灰色背景上使用纯近黑色文本。排版依赖粗体 didone 衬线字体用于标题,以及等宽字体用于正文,营造出专注、文本密集的体验。关键设计约束:绝对不使用圆角或渐变,布局严格采用单栏居中,无装饰性图片或明亮的强调色。语调客观直接。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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