Skip to content

Interface guidelines

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

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


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

UI patterns

Design guidelines covering common user workflows.


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.