Foundations

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

Color

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

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.

CSS utilities

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

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.

Typography

Text sizes, weights and font families used across GitHub.

Icons and visuals

A scalable set of icons handcrafted by GitHub.