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.
Content
These guidelines are specific to and focused on GitHub product interfaces.