Reference fixture · github

# Where the world builds software.

Millions of developers and companies build, ship, and maintain their software on GitHub. Every value below comes from tokens.css — no raw hex, no off-token type.

Sign up for free Read the spec
open-design / design-systems
Pull requests Open
#1652 · feat: add structured tokens for 5 brands
#1653 · feat: add batch 2 token fixtures
Merged Draft Closed

What this fixture exercises

## Dense, functional, system-native.

14px body

Not 16px — GitHub's prose density is its identity. 14px base fits more content per viewport. system-ui renders instantly on every OS with zero webfont load.

Hairline borders

`#d0d7de` — every pane, panel, and card. Structure communicated by stroke, not shadow. Density without visual noise.

Primer blue + green

`#0969da` for all interactive affordances. `#1a7f37` exclusively for success/merge states. Both restrained — never decorative.

Form components

## Primer form inputs.

Focus: border `#0969da` + `0 0 0 3px rgba(9,105,218,0.3)`. 5px 12px padding. 6px radius. Weight 600 label.

Email address
Repository name