精選 · 開放 · 免費

Race To The Bottom Onrender

一個高對比、排版驅動的編輯介面,用於評估社會危害。

EditorialCalmTypographyCleanRestraint
Race To The Bottom Onrender 網站截圖
在 OpenDesign 中開啟

原站: https://race-to-the-bottom.onrender.com

01

設計氣質 DNA

社會影響投票觀點極簡主義

一項以極簡介面呈現的尖銳社會評論作品。

02

色彩

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

嚴格的無彩色調色盤,使用近黑色與淺灰色以達成最大可讀性與鮮明對比。

03

字型

didone-serif · monospace

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

組件

09

文案語氣與禁用清單

11

System Prompt

定位為一個嚴峻、嚴肅的編輯工具,用於評估社會影響。調色盤嚴格採用無彩色:純近黑色文字搭配淺灰色背景。排版以粗體狄多內襯線字體用於標題,並搭配等寬字體用於內文,營造出專注、文字密集的體驗。關鍵設計限制:絕對不使用圓角或漸層,佈局嚴格採用單欄置中,且無裝飾性圖片或明亮強調色。語調客觀且直接。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗

en · zh-CN · zh-TW · ja · ko