Primer

Primer is the official, open-source design system that powers GitHub's user interface. It provides a complete toolkit for developers and designers to create consistent, accessible, and high-quality experiences that feel native to the GitHub ecosystem. By using the same components and guidelines that GitHub's own teams use, you can ensure your projects are visually aligned and robust.

The system is built on a set of shared foundations and offers specialized toolkits for different needs:

• Shared Foundations: Get started with core principles, including detailed accessibility guidelines, a complete set of Octicons (GitHub's SVG icons), and design tokens for managing color, spacing, and typography.
• Primer Product UI: A comprehensive library of components for building product interfaces directly within GitHub.
• Primer Brand UI: A specific toolkit for creating digital marketing experiences that align with the GitHub brand.