精選 · 開放 · 免費
Height
一個AI原生的任務管理平台，整合專案並自動化瑣碎工作。
SaaSProductivityApp UI
01
設計氣質 DNA
任務管理生產力AI協作
一個乾淨、現代的團隊任務作業系統
02
色彩
#000000Ink
#FFFFFFBG
rgba(0, 0, 0, 1.0)Line
嚴格的單色純淨，依賴高對比的黑與白以實現最大清晰度。
03
字型
transitional-serif
所有元素一致使用過渡襯線體 · 字重400作為主要且唯一觀察到的字重 · 16px基準尺寸，確保標準可讀性
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
標準4px基準網格
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
實線1px黑色邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
標準置中內容欄
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
CSS transition: all · 平滑的狀態變化
細微的視覺狀態變化 · 立即回應
08
組件
- button 標準文字或有框線按鈕
- card 乾淨有框線的容器
- chip 極簡的內聯標籤
- input 標準有框線輸入欄位
- hero 以排版為主的導言區段
09
文案語氣與禁用清單
- 語氣 專業、直接且有效率
- 標題風格 清晰且功能性強，無過度裝飾
- 按鈕文案 以行動為導向且顯著
- 不要使用彩色強調色 — 螢幕截圖顯示嚴格的黑白調色板
- 不要使用無襯線字體 — 螢幕截圖顯示過渡襯線體排版
- 不要使用裝飾性陰影 — 螢幕截圖顯示無立體感的平面設計
- 不要所有元素都使用圓角 — 螢幕截圖顯示銳利的幾何形狀
- 不要使用漸層背景 — 螢幕截圖顯示純白背景
- 不要使用複雜佈局 — 螢幕截圖顯示簡單、聚焦的內容欄
- 避免: 俏皮或隨意的語言
- 避免: 過於複雜的術語
- 避免: 不必要的裝飾
11
System Prompt
Height是一個AI原生的任務管理平台，定位為傳統專案管理工具的乾淨、有效率替代方案。視覺設計嚴格依賴高對比單色調色板，使用純黑 (#000000) 於純白 (#FFFFFF) 之上，無可見的強調色。排版上驚人地使用了過渡襯線字體分類，16px尺寸、字重400，而非典型的SaaS無襯線選擇。關鍵設計限制包括：絕對不使用彩色強調色或漸層、不使用無襯線字體排版、不使用裝飾性陰影或圓角。保持所有互動平滑，使用 'transition: all'，並在整個設計中維持銳利、幾何的邊框。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko