Foundations
The fundamental parts of the design system that underpin all GitHub interfaces, such as color and typography.
Color
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.
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.
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.
Primitives
Color, typography, and spacing design tokens.
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.