Primer

from

Github

Foundations:

12

/

Components:

32

Primer is a design system developed by GitHub for designing interfaces. It provides a collection of open source principles, standards, and recommendations. Primer's guidelines offer a common grammar and vocabulary to build projects.

There are best practices for hierarchy, readability, accessibility, and responsive design. The guidelines are detailed, with interesting examples and use cases provided. For components, there are React and Rails examples, as well as component configuration settings and variants in Figma.

Components

Studying how

Github

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Studying how

Github

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Studying how

Github

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%