Carbon 是 IBM 的開源設計系統，以 IBM Design Language 為根基輸出「工程級嚴謹」：IBM Plex Sans 提供 14px productive 與 16px expressive 兩套字級，藍 60（#0F62FE）展開 10 級藍色階，2px 圓角與 1px #E0E0E0 硬描邊拒絕柔軟，8px 網格、密集資料表格與中性 #F4F4F4/#161616 表面貫穿全部產品線。適合企業級產品與需要大規模一致性的團隊。
Carbon設計系統
提示詞範本
基礎範本
Design an IBM Carbon-inspired interface. - IBM Plex Sans with 14px productive body and 16px expressive sizes; - #0F62FE blue-60 primary across a 10-step blue ramp; - 2px corner radii and crisp 1px #E0E0E0 hairlines — engineered, not soft; - 8px grid, productive/expressive type sets, and dense data tables; - Neutral #F4F4F4 and #161616 surfaces with disciplined whitespace. Colors: #0F62FE, #161616, #F4F4F4, #E0E0E0 with #0F62FE accent. Typography: IBM Plex Sans.
變體提示詞
📱 行動裝置
Design a mobile app with Carbon aesthetics. Use Carbon color identity with #0F62FE accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Carbon style. Use Carbon color identity with #0F62FE accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Carbon design language. Use Carbon color identity with #0F62FE accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Carbon visual identity. Use Carbon color identity with #0F62FE accents. Compelling, conversion-focused.
使用範例
Carbon 儀表板
儀表板Build a cloud console dashboard with IBM Carbon style: dense data tables, structured panels, and #0F62FE blue-60 accents.
Carbon 資料表格頁
Web 端Create a resource management page with Carbon design language: productive tables, inline actions, and IBM Plex typography.
✅ 適用情境
- 企業軟體
- 高密度資料主控台
- 無障礙合規
❌ 不適用情境
- 輕鬆活潑的消費產品
- 手繪插畫風格品牌
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。