# DESIGN.md — GitHub

> The Primer design system: Mona Sans typography, dark-mode-native surfaces and density tuned for daily-driver tools.
> Distilled by design.live · updated Jul 2026
> Agent prompt: "Use the design.live MCP and make it look like GitHub."

## Palette
#24292f    ink — canvas
#0969da    accent blue — links
#ffffff    paper
#57606a    secondary text

## Type
display:    Mona Sans, 600 weight
weights:    400 · 500 · 600
scale:      48 / 32 / 24 / 16 / 14
tracking:   -0.01em

## Signature moves
- Density as a feature, not a bug
- Semantic color tokens throughout
- Monospace for anything copyable
- Octocat used with restraint

## Components
buttons · nav · pricing table · code panel · logo wall · footer

## Kit
icons:      224 glyphs (SVG · PNG · font)
tokens:     .css · .json
recipes:    24 component recipes

— design.live/brands/github