Canva Design System

设计民主化 · 模板化美学 · 2026.02.18

150M+
Monthly Users
8B+
Designs Created
190+
Countries
Design Tokens

Canva 的设计语言拥抱色彩——渐变紫蓝、柔和圆角、卡片式布局，让设计变得触手可及。

:root {
  --color-brand: #7D2AE8; /* Canva Purple */
  --gradient-brand: linear-gradient(135deg, #7D2AE8, #00C4CC);
  --radius-md: 8px;
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
}
#7D2
#00C
#181
#5E6
#F5F
Template Grid System

模板网格——整齐的缩略图阵列，hover 动效预览，降低选择门槛。

.template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}

.template-card:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
Design Philosophy
  • Design for Everyone: 非设计师也能做专业设计
  • Template First: 模板降低创意门槛
  • Real-time Preview: 所见即所得的编辑体验
  • Color Confidence: 渐变色彩传递创意活力
The Formula

Empowerment = Template × Speed − Complexity

设计赋权 = 模板 × 速度 - 复杂性