Primer's interface guidelines are a collection of principles, standards, and usage guidelines for designing GitHub interfaces.

Foundations

The fundamental parts of the design system that underpin all GitHub interfaces, such as color and typography.

Accessibility

Standards, guidelines, and tools to design accessible GitHub interfaces.

UI patterns

Design guidelines covering common user workflows.

Components

Design and usage guidelines for individual Primer components.

Using Figma

A guide on how to get started using Figma to design interfaces at GitHub.

Need help?

If you found a bug on this website, please open a new issue with as much detail as possible, including steps to replicate the bug, screenshots, links, and expected results.

If you need help using and designing with Primer, and you are GitHub staff, please visit the #primer Slack channel.