EO StudioA Designer Who Saved 150M+ Developers | GitHub, Diana Mounter(Former Head of Design)
CHAPTERS
- 0:00 – 1:00
Design in tech: embracing change, tools, and AI-ready skills
Diana frames tech as an environment where constant change is normal and good design means “meeting the moment.” She argues designers benefit from using engineering-adjacent tools and being comfortable with code—especially as AI-driven products become more common.
- •Tech evolves fast; designers must adapt and learn continuously
- •Good design is about meeting the moment and user needs
- •Designers should be comfortable with code and engineering tools
- •Core design strengths still matter: empathy, storytelling, creativity
- •Coding fluency can help designers shape better AI experiences
- 1:00 – 2:05
Who Diana is and what GitHub design owns
Diana introduces her role as Head of Design at GitHub and describes GitHub’s purpose across the software development lifecycle. She highlights major initiatives she’s led, including evolving the Primer design system and shipping Dark Mode.
- •Diana leads design at GitHub and has been there ~9 years
- •GitHub supports end-to-end software development and collaboration
- •Primer grew from CSS framework into a component/tooling ecosystem
- •Her team delivered Dark Mode in 2020
- •Design spans onboarding, marketing, and core product experience
- 2:05 – 2:35
Early career: discovering web design as a technical + creative path
She explains how she found design through an apprenticeship and realized it combined technical and creative work in a way that fit her strengths. This period shaped her interest in building for the web rather than purely visual output.
- •Didn’t initially know design could be a career
- •Apprenticeship in a design/print shop revealed the path
- •Web/graphic design felt like the right mix of technical and creative
- •Early foundation in making real things for the web
- •Sparked a longer-term interest in product-building
- 2:35 – 3:37
Moving to Australia and leaning into the web as print declines
Diana recounts relocating to Australia to explore the world and pursue better opportunities during a downturn in the UK print industry. The shift in the market toward the web reinforced her direction and accelerated her growth.
- •Chose Australia for language ease and job prospects
- •UK recession and “print is dead” sentiment pushed her toward web
- •Bought a one-way ticket and built a new life/career
- •Found strong work opportunities and stayed 7–8 years
- •Experience tested independence and expanded horizons
- 3:37 – 4:37
Falling for coding: hackathons, GitHub, and the joy of building
Feeling constrained by agency pace, Diana sought a faster tech scene and started spending free time building projects. Discovering GitHub at a hackathon made her excited to work “in the same place as engineers” and ship real things to the internet.
- •Wanted to move faster than agency work allowed
- •Spent weekends building on her laptop for fun
- •Introduced to Git and GitHub through a hackathon
- •Started publishing sites on GitHub and using tools like Jekyll
- •Building and shipping felt more rewarding than static comps
- 4:37 – 5:38
Joining the product she loved: recruiting, Marc Otto, and Octocat fandom
Diana shares how an email from Marc Otto led her to consider GitHub seriously, recognizing strong alignment with her career trajectory. Her enthusiasm for GitHub’s brand—especially the Octocat—reinforced that it was the right place.
- •Motivated by working on a product she used daily
- •Marc Otto (Bootstrap creator) reached out about GitHub
- •Conversations with design leaders revealed strong fit
- •Noticed career “signs” pointing toward GitHub
- •Deep connection to brand: illustrated Octocat variations for fun
- 5:38 – 7:19
Brand moments that stick: Octocat, nerd culture, and “meeting the moment”
She explains how GitHub’s lovable brand emerged partly by accident and became meaningful to developers through culturally resonant design. The Octocat and iconic 404 page exemplify how thoughtful, timely design builds affinity.
- •Octocat originated from a stock illustration used on a 404 page
- •Developers embraced the mascot and brand personality
- •Early brand design tapped into nerd culture (e.g., Star Wars 404)
- •Great design creates experiences that resonate with users
- •Design’s value depends on whether it’s treated as a differentiator
- 7:19 – 8:21
Sponsor segment: Lovable as an AI “on-demand engineering team”
The host presents Lovable, positioning it as a tool that turns descriptions into full-stack, production-ready software. The segment emphasizes speed, leverage for small teams, and an EO promo offer.
- •Lovable builds front-end, back-end, and database from a prompt
- •Positioned for non-technical founders and fast execution
- •Claims high usage: many products generated daily and millions of builders
- •EO is using it for the EO School platform
- •Promo code and discount details shared
- 8:21 – 10:22
Shipping GitHub Dark Mode: secrecy, signals, and theme trade-offs
Diana breaks down why Dark Mode was a high-pressure, high-visibility launch and uniquely difficult due to limited pre-release feedback. The team relied on community signals (plugins, custom themes) to balance preferences and design for adaptability.
- •Dark Mode was long-requested and high expectation
- •Kept private for a big conference reveal, limiting customer feedback
- •Studied user-made themes and plugins to infer preferences
- •Identified a spectrum: pure black vs lower-contrast “dimmed” themes
- •Designed for flexibility and fast-follow additions after launch
- 10:22 – 11:53
Post-launch proof and the outcomes-over-output mindset
She reflects on what success looked like after launch—usage patterns validated key decisions and showed the value of offering variations. She then generalizes into a philosophy: define desired outcomes and judge work by user impact and pride in quality.
- •Default dark theme remained the most popular years later
- •“Dimmed” theme adoption showed value in multiple options
- •Success measures go beyond shipping to solving real user problems
- •Great results include usability, brand fit, and designer pride
- •Start projects by clarifying intended outcomes
- 11:53 – 13:54
Building Primer: grassroots evolution of a design system
Diana explains what Primer is and why shared patterns and language improve designer–developer collaboration. Noticing gaps, she and others formed a grassroots effort focused on pragmatic, high-impact improvements that better represented the product.
- •Primer codifies UI patterns and becomes shared language
- •Shared standards improve collaboration and end results
- •She identified opportunities to improve CSS/front-end foundations
- •A grassroots group formed to push Primer forward
- •Focused on high-impact fixes and biggest pain points first
- 13:54 – 14:55
Constraints spark creativity: making design systems usable (not restrictive)
She addresses common pushback that design systems limit creativity, arguing constraints can actually accelerate better work. The key is making the system easier to use than bypassing it, and letting updates inspire new product thinking.
- •Design systems create “rules,” which can trigger resistance
- •Win adoption by making the system the easiest path
- •Constraints can enable creativity rather than block it
- •Reusable tokens (e.g., color palettes) free teams from reinventing basics
- •System updates can inspire designers to rethink experiences
- 14:55 – 16:56
Don’t be a designer who only designs: curiosity, AI, and core craft
Diana closes with advice for designers in the AI era: lean into curiosity and get close to the technology to design well. While tools evolve, foundational skills—empathy, storytelling, and navigating ambiguity—remain essential to creating great experiences.
- •Be curious and embrace new technology shifts (especially generative AI)
- •Core design skills still matter: empathy, storytelling, creativity
- •Designing AI well requires hands-on proximity to the tech’s complexity
- •Great UX hides backend complexity instead of exposing it
- •Tooling will shape how design roles evolve over time
