Skip to content
Primer/Interface guidelines
Design
Interface guidelinesOcticonsPresentationsCommand lineMobileDesktop
Build
CSSReactReact BrandViewComponents
ContributeAbout
  • Guides
    • Introduction
    • Content
    • The Zen of GitHub
      • Introduction
      • How to contribute
    • Component lifecycle
      • Accessibility at GitHub
      • Guidelines
      • Tools
      • Alternative text for images
      • Assistive technology announcements
      • Descriptive buttons
      • Focus management
      • Headings
      • Links
      • Semantic HTML
      • Text resize and respacing
      • Tooltip alternatives
      • How to contribute
      • Design
      • Documentation
  • Foundations
    • Color
    • Responsive
    • Layout
    • Typography
  • UI patterns
    • Button usage
    • Dates and times
    • Empty states
    • Feature onboarding
    • Forms
    • Messaging
    • Progressive disclosure
    • Saving
  • Components
    • Action bar
    • Action list
    • Action menu
    • Anchored overlay
    • Autocomplete
    • Avatar
    • Avatar pair
    • Avatar stack
    • Box
    • Branch name
    • Breadcrumb
    • Checkbox
    • Checkbox group
    • Comment box
    • Counter label
    • Data table
    • Details
    • Dialog
    • Filter input
    • Icon
    • Segmented control
    • Toggle switch
    • Tokens
    • Tree view
  • Native
      • Getting started
      • Foundations
      • Components
  • GitHub

Foundations

Introduction

Get started with the principles of Primer, standards, and recommendations for designing Github.

Color

How to work with color modes and themes, and how to apply color to GitHub interfaces.

Typography

How to use and apply typography to GitHub interfaces.

Content

How to create interfaces that follow GitHub's content guidelines.

Edit this page on GitHub
5 contributorsJenrykstervdepizzoljosepmartinsyailiauareyou
Last edited by Jenrykster on October 6, 2022