Ant Design

Ant Design 5.0 · 蚂蚁集团 · 2026.02.16

70+
Components
50+
Tokens
3
Breakpoints
Design Tokens

Ant Design 采用蓝绿主色调，10 级灰度，数字语义化命名系统。

:root {
  --ant-color-primary: #1677FF;
  --ant-color-success: #52C41A;
  --ant-color-warning: #FA8C16;
  --ant-color-error: #FF4D4F;
}
#167
#E6F
#52C
#FA8
#FF4
#722
Responsive Grid

24 列栅格系统，移动 / 平板 / 桌面三档断点。

$screen-sm: 576px;
$screen-md: 768px;
$screen-lg: 992px;
24 Col
Gutter
Offset
Flex
Typography
  • Font: Inter / PingFang SC — 中英双语
  • Scale: 12/14/16/18/20/24/30/38/46px
  • Radius: 2/4/6/8px — 微圆角
  • Shadow: 层次化阴影系统
The Formula

Enterprise = Complexity × Clarity − Friction

企业级 = 复杂度 × 清晰 - 摩擦