Skip to content
EO StudioEO Studio

A Designer Who Saved 150M+ Developers | GitHub, Diana Mounter(Former Head of Design)

Diana Mounter is the Former Head of Design at GitHub, where she spent nearly nine years shaping one of the most beloved tools in software development. From turning Primer into a full-fledged design system to leading the launch of Dark Mode at GitHub’s 2020 conference, Diana was behind some of the company’s most iconic design moments. Her journey started in a print shop in the UK, took her across the world to Australia, and eventually led her to GitHub, the product she personally loved the most. Along the way, she discovered that design isn’t just about aesthetics—it’s about meeting the moment, working side by side with engineers, and solving real customer problems. In this conversation, Diana shares what it means to design in the age of AI, why embracing change is the most important skill in tech, and how constraints in design systems can actually fuel creativity. Whether you’re a designer, founder, or engineer, her story is a masterclass in building products that people love. Watch to learn: 📌 How GitHub’s Dark Mode was built and launched 📌 Why design systems like Primer unlock creativity instead of limiting it 📌 The mindset every designer needs in the age of generative AI 00:00 Intro 02:02 When a Designer Falls for Coding 04:54 Becoming Head of Design for the Product I Love Most 07:17 EO Partner Highlight 08:20 How GitHub's Dark Mode Was Born 12:07 Constraints Spark Creativity: Insights from Shaping Primer 15:08 Don't Be a Designer Who Only Designs ✨EO Partner Highlight: EO x Lovable✨ 📍Promo code: EO20YT Provides users with a 20% discount on their first purchase of the Lovable Pro plan Valid until September 30, 2025 #github #design #developer EO stands for Entrepreneur& Opportunities. As we're looking to feature more inspiring stories of entrepreneurs all over the world, don't hesitate to contact us at partner@eoeoeo.net LinkedIn | @EO STUDIO X | @eostudi0

Diana MounterguestEO Studio Hosthost
Sep 8, 202516mWatch on YouTube ↗

At a glance

WHAT IT’S REALLY ABOUT

GitHub design leader on systems, dark mode, and AI-ready skills

  1. Mounter argues that great design “meets the moment,” requiring designers to embrace change, new technologies, and engineering-adjacent tools.
  2. Her path into tech blended creativity with front-end building, culminating in leading design at GitHub and expanding Primer from CSS into a full component and tooling ecosystem.
  3. GitHub’s Dark Mode shipped as a high-stakes reveal without direct user feedback, using existing community theme signals and a system built to fast-follow with variants.
  4. Primer is positioned as a shared language between design and engineering that reduces duplicated effort, increases consistency, and frees teams to focus on higher-level experience problems.
  5. In the age of generative AI, she emphasizes that core design skills—empathy, storytelling, and turning ambiguity into solutions—remain essential alongside technical comfort with code and tooling.

IDEAS WORTH REMEMBERING

5 ideas

Designers gain leverage by using engineering tools and thinking like builders.

Mounter credits her excitement and effectiveness to working in the same environment as engineers (e.g., GitHub, front-end tooling), which becomes even more valuable when designing AI experiences.

When you can’t get direct feedback, mine existing user behavior for signals.

For Dark Mode, GitHub analyzed community-created themes and plugins to understand preference clusters (pure black vs. dimmed), then chose a balanced default and planned for variants.

Ship for outcomes, not outputs.

Success is measured by improved user experience, problem-solving impact, pride in what shipped, and alignment with the product and brand—not simply delivering a feature.

Build “fast-follow” into high-risk launches.

Dark Mode was designed as a system where adding one theme enables multiple, reducing the fear of being wrong and making iteration after launch practical.

A design system is a product for internal users—adoption depends on lowering friction.

Primer evolved through a grassroots push focused on high-impact pain points, aiming to make using the system easier than bypassing it and to “win friends” across teams.

WORDS WORTH SAVING

5 quotes

So I think, like, good design is about meeting the moment.

— Diana Mounter

As a designer, you more or less have to use the same tools that engineers do.

— Diana Mounter

Idea of a great Friday night was building something on my laptop, and some of my friends would think, "What's wrong with you? Why aren't you out, like, partying?" And I was having fun.

— Diana Mounter

So I think focusing on outcomes, not output, is the key thing.

— Diana Mounter

I think it's actually constraints can lead to creativity.

— Diana Mounter

“Meeting the moment” as a design principleDesigner-to-builder mindset and coding comfortGitHub brand affinity and Octocat cultureDark Mode strategy: signals, variants, fast-followPrimer design system: shared language and adoptionConstraints as a driver of creativityDesign careers and AI-era skill shifts

High quality AI-generated summary created from speaker-labeled transcript.

Get more out of YouTube videos.

High quality summaries for YouTube videos. Accurate transcripts to search & find moments. Powered by ChatGPT & Claude AI.

iOSAndroidClaudeChrome