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

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.