Salesforce Lightning

SLDS · 全球最大 CRM · 2026.02.16

100+
Components
60+
Tokens
4
Breakpoints
Design Tokens

Salesforce Lightning 采用经典企业蓝与语义化颜色命名，强调数据可视化。

:root {
  --sds-c-blue-4: #0070D2;
  --sds-c-green-4: #04844B;
  --sds-c-red-4: #FFB75D;
  --sds-c-orange-4: #FF751A;
}
#007
#048
#FFB
#FF7
#925
#747
Responsive Grid

12 列网格，移动优先设计，支持大型企业级应用。

$mq-medium: 768px;
$mq-large: 1024px;
$mq-x-large: 1280px;
12 Col Grid
Mobile First
Typography
  • Font: Salesforce Sans — 定制无衬线
  • Scale: 12/13/14/16/18/20/24/28/32/40px
  • Weight: Regular / Bold
  • 用途: 企业级数据密集界面
The Formula

Trust = Speed × Reliability × Scale

信任 = 速度 × 可靠 × 规模