精選 · 開放 · 免費

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