精選 · 開放 · 免費
Diagram
一個極度簡約的抽象視覺系統，將介面設計還原至最基本的結構組件。
AIToolingGradient
01
設計氣質 DNA
極簡實驗性抽象虛空結構性
一座未經渲染的原始物件畫廊，或是軟體概念性的「底層視圖」。
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line
絕對的高對比極簡主義，僅使用純黑與純白來傳達結構與本質。
03
字型
transitional-serif
所有文字角色使用同一種過渡襯線字體。 · 維持統一的 16px 基礎尺寸，標準字重為 400。 · 為所有元素應用過渡效果，以實現細微的狀態變化。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
無可見的節奏定義；依賴絕對定位或間距原始組件。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
應用於結構邊界的 1px solid rgb(0, 0, 0) 邊框。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
透過全域 'all' 過渡屬性，普遍應用流暢的狀態轉換。
由全域過渡屬性實現的細微狀態變化。 · 標準的原始元素指標互動。
08
組件
- button 未觀察到標準組件形式；互動為原始的狀態變化。
- card 未觀察到；佈局使用孤立的帶邊框方塊。
- chip 未觀察到。
- input 未觀察到標準表單元素形式。
- hero 在白色背景上，由基本元素構成的簡約抽象構圖。
09
文案語氣與禁用清單
- 語氣 中性、臨床式、基礎性。
- 標題風格 無獨特標題樣式；文字統一且具功能性。
- 按鈕文案 無獨特 CTA 樣式；互動低調簡約。
- 勿使用多種字體族——截圖顯示各處使用單一過渡襯線字體。
- 勿引入色彩強調——截圖顯示嚴格的單色黑白調色盤。
- 勿添加裝飾性邊框或陰影——截圖僅顯示細實黑線作為結構線條。
- 勿使用圓角——截圖顯示所有元素皆為銳利的 90 度角。
- 勿套用複雜動畫——截圖暗示狀態變化使用簡單的 'all' 過渡。
- 勿使佈局雜亂——截圖顯示大片空白與極簡、孤立的組件。
- 避免: 裝飾性花紋
- 避免: 品牌特定字體排印
- 避免: 高彩度色彩強調
- 避免: 陰影或景深效果
11
System Prompt
Diagram 是一個極簡、實驗性的設計系統，將數位介面還原至其本質的黑白結構原始組件。其視覺語言由極簡的單色調色盤（墨色 #000000、背景 #FFFFFF）及統一使用的單一過渡襯線字體（標準 16px 尺寸）所定義。互動由所有屬性上細微的全域過渡效果處理。佈局猶如一座由裸露 UI 組件構成的抽象畫廊。關鍵約束：切勿引入高彩度的強調色。勿使用多種字體類別或裝飾性字體排印。避免為任何元素添加陰影、景深或圓角。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko