A favicon of Primer

Primer

Develop consistent user interfaces and brand experiences for GitHub using a comprehensive design system with pre-built components, icons, and design tokens.

Visit Primer
A screenshot of PrimerVisit

Primer is GitHub's comprehensive design system, created to help build consistent and accessible user interfaces and brand experiences across the GitHub platform. It provides a robust foundation for designers and developers working on GitHub-related projects.

Key components and resources include:

  • Primer Product UI: A dedicated toolkit for building user interfaces directly within GitHub products.
  • Brand Toolkit: Resources for creating assets and experiences that align with the GitHub brand.
  • Primer Brand UI: Specifically for designing digital marketing experiences that resonate with the GitHub identity.

Primer also offers shared foundational elements to ensure consistency and quality:

  • Accessibility Guidelines: Tools and guidance for creating inclusive and accessible interfaces for all users.
  • Octicons: A rich library of SVG icons designed by GitHub, for GitHub.
  • Design Tokens: Pre-defined values for color, spacing, and typography, facilitating a unified visual language.

This system is essential for anyone contributing to the GitHub ecosystem, ensuring a cohesive and high-quality user experience. You can also stay updated with the latest advancements in design at GitHub and learn more about the core team behind this design system.

Share:

Similar to Primer:

Your open source toolkit for travel UI.
CompanyFigma+1 more
Build engaging travel applications with an open-source design system. Features design tokens, React components, and developer tools for faster development.
Copy-and-paste components for modern UIs.
ReactTailwind CSS
Build app interfaces quickly with an extensive, open-source collection of copy-and-paste components. Uses React and Tailwind CSS for modern, responsive design.
Build consistent GitLab experiences, faster.
CompanyFigma+2 more
Access resources, components, and design guidelines for building consistent GitLab UIs. Features foundations, UI kits, patterns, and accessibility standards.

Command Menu