Intuit Design System

金融科技美学 · 数据信任设计 · 2026.02.18

100M+
Customers
$7.8B
Revenue
3
Flagship Products
Design Tokens

Intuit 的设计语言强调"财务清晰"——绿色代表增长、蓝色代表信任，数据密度适中。

:root {
  --color-success: #2CA01C; /* Money Green */
  --color-trust: #0077C5; /* Trust Blue */
  --color-data: #6B2FA9; /* Data Purple */
  --radius-sm: 4px;
}
#2CA
#007
#6B2
#2C3
#F4F
Data Table System

财务数据表格——高密度信息展示、可排序列、实时计算，减少认知负荷。

.data-table {
  font-variant-numeric: tabular-nums;
  border-collapse: collapse;
}

.amount-positive {
  color: #2CA01C;
  font-weight: 600;
}
Design Philosophy
  • Trust Above All: 金融产品信任是第一位的
  • Clarity over Beauty: 清晰大于美观
  • Progressive Disclosure: 渐进式揭示复杂功能
  • Financial Confidence: 让用户对自己的财务状况有信心
The Formula

Trust = Clarity × Accuracy − Friction

信任 = 清晰 × 准确 - 阻隔