How GitHub's head of design built a beloved developer tool

Executive overview

Designing for developers means using their tools, speaking their language, and earning trust through shared craft. Diana Mounter spent nine years at GitHub building that trust — through Primer, Dark Mode, and a mascot nobody planned to love.

Good design is about meeting the moment. Core design skills — empathy, storytelling, navigating ambiguity — remain essential even as the tools change.

Constraints don't block creativity; they redirect it toward what matters.

From print shop to GitHub

• Discovered design through a print apprenticeship — drawn to the technical-creative overlap.
• Moved to Australia on a one-way ticket to escape a UK recession and find faster-moving work.
• Introduced to Git at a hackathon; putting websites on GitHub sparked a lasting excitement.
• Received a cold email from Mark Otto (creator of Bootstrap) — a signal she couldn't ignore.
• Joined GitHub after recognising that her whole career had been pointing toward it.

Building Primer: GitHub's design system

• Primer began as a CSS framework; Diana helped turn it into a full component and tooling ecosystem.
• Noticed early that the existing CSS didn't reflect the full product and started suggesting improvements.
• A grassroots team formed organically around shared desire to improve the front end.
• Strategy: target highest-impact pain points first to win trust before imposing new rules.
• Designers and developers sharing a common language improves both relationships and outcomes.
• Constraints within a system free teams to focus creative energy on harder, more distinctive problems.

Shipping Dark Mode without customer feedback

• Dark Mode had been the most-requested feature for years — pressure to get it right was high.
• Kept behind closed doors for a surprise reveal at GitHub's 2020 annual conference.
• Without direct feedback, the team mined existing user-made themes and browser plugins for signal.
• Two dominant preferences emerged: near-pure black vs. a lower-contrast dimmed theme.
• Shipped a default dark theme that balanced contrast, plus the dimmed variant to cover both camps.
• The default theme remained the most popular years later; 20% adoption of the dimmed theme validated offering the alternative.
• Lesson: focus on outcomes, not output — and build the system so you can fast-follow once you see real reactions.

Designing in the age of AI

• Comfort with code and new technologies gives designers an edge in AI-era product work.
• Core skills — empathy, storytelling, getting from ambiguity to solution — are still the differentiator.
• AI interfaces carry hidden complexity; good design shields users from that complexity.
• Embrace change as the point of working in tech, not an obstacle to it.