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, such as color and typography, that underpin all GitHub interfaces.


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.

Edit this page on GitHub
2 contributorsyailiashygee
Last edited by yaili on November 30, 2021