Primer
Product UI

Foundations

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

Color usage

Color is a fundamental part of Primer's visual language. In this guide you will learn about the principles, patterns, and abstractions that make up Primer’s color system.

Content

These guidelines are specific to and focused on GitHub product interfaces.

Layout

GitHub is a diverse and complex platform. These layout guidelines aim to provide a set of standards that enables consistent, accessible, and responsive experiences.

Responsive

Supporting responsive experiences is an essential part of developing for the Web. Every page and feature at GitHub needs to adapt to the user’s device and their preferences.

Typography

Text sizes, weights and font families used across GitHub.