GitHub Primer

Primer CSS · 开发者美学 · 2026.02.16

40+
Components
30+
Tokens
3
Breakpoints
Design Tokens

Primer 采用 GitHub 经典蓝绿配色，语义化灰度系统，专为开发者设计。

:root {
  --color-primer-blue: #0969DA;
  --color-primer-green: #1A7F37;
  --color-primer-purple: #8250DF;
  --color-primer-orange: #BF5700;
}
#096
#54A
#1A7
#825
#BF5
#242
Responsive Grid

GitHub 采用 12 列网格，移动优先设计。

$width-sm: 544px;
$width-md: 768px;
$width-lg: 1012px;
12 Col
Mobile First
Typography
  • Font: Inter — 开发者友好
  • Mono: SFMono — 代码显示
  • Scale: 12/14/16/18/20/24/28/32px
  • Style: 工具栏美学
The Formula

Open = Collaboration × Transparency

开源 = 协作 × 透明