GitHub.

The Primer design system: Mona Sans typography, dark-mode-native surfaces and density tuned for daily-driver tools.

31 screens indexed3 flows mappedWeb · private beta
Download DESIGN.md

In the kit

Brand assets

Logo variants, mirrored and stable.

Served from the design.live CDN at a stable resolver URL, so an agent never has to scrape a brand site at request time.

Logo · for light surfaces
Logo · for dark surfaces
Icon · app mark

Palette

GitHub colours, ready to paste.

Hex values as recorded in the brand record. Click any swatch to copy it.

accent
brand
brand
brand
light
brand
brand
brand
brand
brand
brand
brand
brand

Typography

The type the brand actually ships.

Recorded from the brand record and the curated design distillation, with role and origin.

Aa

Mona Sans VF

title · custom

Aa

Mona Sans VF

body · custom

Mona Sans, 600 weight

Weights
400 · 500 · 600
Scale
48 / 32 / 24 / 16 / 14
Tracking
-0.01em

Brand context

What an agent needs to know first.

AI-ready positioning, distilled into the same context block the MCP returns.

the future of building happens together

GitHub is a complete developer platform for developers, teams, and enterprises to collaborate on code and build, scale, and deliver secure software in one place, bringing developers, agents, and code together across the software development lifecycle. Its differentiator is the unified platform approach that combines developer workflows with AI code creation and enterprise security capabilities such as GitHub Copilot, GitHub Enterprise, and GitHub Advanced Security in a single offering.

Audiences

  • enterprise software engineering teams and platform engineering orgs
  • startups and small-to-medium software teams
  • open source maintainers and nonprofit engineering communities

Design evidence

How the product behaves.

Counts come from the canonical evidence store. Screens and ordered steps are delivered through the authenticated MCP, not rendered here.

Type

Aa

Mona Sans, 600 weight
48 / 32 / 24 / 16 / 14 · -0.01em

Signature moves

01Density as a feature, not a bug02Semantic color tokens throughout03Monospace for anything copyable04Octocat used with restraint
> Use the design.live MCP and make it look like GitHub.

Connected agents retrieve ranked, permission-aware evidence through the MCP. https://design.live/mcp