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


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.


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

CSS utilities

Utilities provide the building blocks for layout and handle a range common use cases that help us avoid writing custom styles.

Icons and visuals

A scalable set of icons handcrafted by GitHub.


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


Color, typography, and spacing design tokens.


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.


Text sizes, weights and font families used across GitHub.