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:

Datadog's reusable user interface design system.
CompanyFigma+1 more
DRUIDS stands for “Datadog Reusable User Interface Design System.” It’s the primary UI foundation of the Datadog platform as well as numerous internal apps for our company.
Craft consistent, user-friendly digital experiences.
Company
Build consistent, accessible digital experiences with a comprehensive system of styles and scalable components. Create intuitive interfaces guided by user-centric principles.
Building cohesive Wikimedia experiences.
CompanyFigma
Build consistent, accessible, and user-friendly interfaces for Wikimedia projects. Access a comprehensive library of components and guidelines.

Command Menu