styleguide

Primer Design System

Design guidelines

Principles, standards, and usage guidelines for designing GitHub interfaces.

Figma components

Design layouts, flows, wireframes, and make prototypes with Primer components in Figma.

Octicons

GitHub’s official icon library used in GitHub product interfaces.

Presentations

Guidelines and templates for GitHub presentations.

Mobile

Guidelines for designing GitHub’s native iOS and Android apps.

Command Line

Guidelines for designing GitHub command line products.

Desktop

Guidelines for designing the GitHub Desktop app.

Engineering

CSS framework

Utility-centric and BEM-style components to give you the building blocks for any web project.

React components

Presentational UI components with encapsulated styles and constraint-based theme props.

ViewComponents

Build component-driven UI in Rails with ViewComponents.

JavaScript

All things GitHub JavaScript, including behaviors and patterns.

Brand and marketing

Brand

Learn how to use GitHub’s brand assets to represent the various aspects of GitHub.

Content

Resources, guidelines, and best practices for writing with the GitHub voice.

Marketing styles

Enhanced styling tools for GitHub’s marketing sites.

Need help?

If you are GitHub staff, please message #design-systems on Slack for questions or help.