精选 · 开放 · 免费

Schemasofuncertainty

通过文字密集的编辑设计探索理论概念的学术档案库。

EditorialTypographyMonochromeCleanCuration

Schemasofuncertainty 网站截图

↓ 下载设计系统包 (2 MB)在 OpenDesign 中打开

原站: http://schemasofuncertainty.com

📦 浏览包内文件 →

01

设计气质 DNA

学术概念艺术理论档案库

一本理论艺术期刊

02

色彩

#2C3829Ink

#FFFFFFBG

rgba(44,56,41,1)Line

采用严格单色调以实现最佳可读性和学术专注度

03

字体

transitional-serif · monospace

display16px · 400
body10px · 400

标题使用 Century Schoolbook，正文使用 Next Mono。 · 全文保持 400 字重不变。 · 行高紧凑，设为字号的 1.3 倍。

04

间距

4px

8px

16px

24px

32px

48px

64px

96px

严格的 4px 基础网格

05

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

sm · 0px

md · 0px

lg · 0px

pill · 0px

1px solid #2C3829

06

布局

1440container

5columns

768breakpoints

5 列不对称网格，采用可变宽度

07

动效与交互

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

简单的透明度过渡

文字颜色变化 · 导航至文章

08

组件

button 带下划线的纯文本链接
card 由边框分隔的垂直文本块
chip 大写文本标签
input 无
hero 以排版为核心的密集文本标题

09

文案语气与禁用清单

语气学术化与理论化
标题风格 衬线体，大写，加粗的概念性标题
按钮文案 纯文本链接

不使用无衬线字体——截图显示标题为衬线体，正文为等宽字体
不添加阴影——截图显示平面无边框设计
不使用明亮的强调色——截图显示严格单色调色板
不添加 border-radius——截图显示尖锐的矩形角
不使用大号正文字体——截图显示小号 10px 文字
不添加装饰性图片——截图显示纯排版布局
避免: 俏皮的语言
避免: 明亮的色彩
避免: 圆角
避免: 视觉插图

10

包内真实截图

Schemasofuncertainty — 桌面首屏（hero） — 桌面首屏（hero）

Schemasofuncertainty — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Schemasofuncertainty — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Schemasofuncertainty — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

本站是一个理论学术档案库，通过密集的基于文本的布局探索不确定性等概念。采用严格的单色调色板，使用深绿黑（#2C3829）墨色搭配白色（#FFFFFF）背景。排版结合了 Century Schoolbook（过渡衬线体）用于标题和 Next Mono（等宽字体）用于正文。布局为多列网格，间距紧凑。关键约束：切勿使用无衬线字体、切勿添加阴影、切勿使用明亮色彩、切勿添加 border-radius、保持正文字体小号（10px），并保持纯排版设计，不添加装饰性图片。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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