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 编程工具使用。