Skip to content

Primer/Interface guidelines

Design

Interface guidelines Octicons Presentations Command line Mobile Desktop

Build

CSS React React Brand ViewComponents

Contribute About

Introduction
About
Content
The Zen of GitHub
Figma
- Introduction
- How to contribute
Component lifecycle
Accessibility
- 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
Contribute
- How to contribute
- Design
- Documentation

Color
Responsive
CSS utilities
- Getting started
- Animations
- Borders
- Box shadow
- Colors
- Details
- Flexbox
- Grid
- Layout
- Margin
- Padding
- Typography
Layout
Typography
Icons
- Overview
- Design guidelines

Button usage
Dates and times
Empty states
Feature onboarding
Forms
Messaging
Progressive disclosure
Saving

Component status

Action bar
Action list
Action menu
Anchored overlay
Autocomplete
Avatar
Avatar pair
Avatar stack
Box
Branch name
Breadcrumb
Button
Checkbox
Checkbox group
Comment box
Counter label
Data table
Details
Dialog
Filter input
Flash
Form control
Heading
Icon
Segmented control
Toggle switch
Tokens
Tree view

CLI
- Getting started
- Foundations
- Components
Desktop
- Getting started
- Foundations
Mobile
- Platforms
- Foundations

CSS Utilities

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

Getting started

Edit this page on GitHub

1 contributor

Last edited by simurai on February 1, 2023