Developer Tools

github.com

Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.

16 colors17 componentsMona Sans VFMulti-page · 12 screens

github.com — GitHub · Change is constant. GitHub keeps you ahead. · GitHub

1 / 12 — GitHub · Change is constant. GitHub keeps you ahead. · GitHub

Preview

the generated design system

Switch between the rendered Visual preview and the Raw DESIGN.md.

Design tokens

Extracted from github.com

Primary

#0000

#010409

#58635B

#1F2328

#FFF0

#25292E

#59636E

#656C76

Neutral

#000000

#FFFFFF

#F0F6FC

#D1D9E0

#9198A1

#D2D9D4

Semantic

#CF222E

#D29922

Typography · Mona Sans VF

h224px · 600

span14px · 400

button16px · 400

Spacing

32px

24px

20px

16px

80px

12px

48px

40px

Elevation

rgba(209, 217, 224, 0.25) 0px 0px 0px 1px, rgba(37, 41, 46, 0.04) 0px 6px 12px -3px, rgba(37, 41, 46, 0.12) 0px 6px 18px 0px

rgba(0, 0, 0, 0.01) 0px 100px 80px 0px, rgba(0, 0, 0, 0.02) 0px 41px 33px 0px, rgba(0, 0, 0, 0.02) 0px 22px 17px 0px, rgba(0, 0, 0, 0.03) 0px 12px 10px 0px, rgba(0, 0, 0, 0.04) 0px 6px 5px 0px, rgba(0, 0, 0, 0.07) 0px 2px 2px 0px

rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset

rgba(209, 217, 224, 0) 0px 0px 0px 1px, rgba(37, 41, 46, 0.32) 0px 56px 112px 0px

Components · 17