Giter VIP home page Giter VIP logo

Hi there 👋

I'm @broccolini, Head of Design at GitHub.

I’m a designer with an interest in systems thinking, code as a material, and inclusive design. I like to give back to the design community by speaking at conferences, occasionally writing articles and books, and when it’s safe to hang out in person, organizing the NYC chapter of the Design Systems Coalition.

GitHub Twitter LinkedIn

At GitHub: Over the past ~6 years I led the Design Infrastructure team which developed GitHub’s design system, Primer, from CSS framework to React and Rails component libraries; and reshaped GitHub’s UX through redesigning the repository homepage, incrementally responsified desktop layouts, refreshed the visual design, introduced new ways to interact with GitHub through the command palette (in beta), and delivered one of GitHub’s most highly requested features—dark mode.

About me: I grew up in the UK and started my career in print design. In my early 20's I went back-packing to Australia and ended up living there for ~8 years, and became a citizen. I worked in government and then for a small agency that specialized in environmental and social change projects. I ended up moving to the U.S. in 2011 by way of a startup bus hackathon competition. After a few years working in tech in San Francisco I moved to NYC to work for Etsy, where I was part of a small team that built a new design system. I still live in New York where I work remotely for GitHub, with my husband and 2 cats—Leia and Chewie.

Current interests: I’m learning about what makes great leaders, reading sci-fi books, learning about collecting low profile mechanical keyboards, and forever interested in color.

Diana Mounter's Projects

athena icon athena

A simple and elegant theme for Jekyll and GitHub Pages.

config icon config

Personal checklist for setting up a new Mac's dev environment.

cxs icon cxs

fast af css-in-js in 0.7kb

dark-mode icon dark-mode

Prototype for dark mode with a GitHub profile

design-systems-and-react icon design-systems-and-react

Slide deck for my talk on using React for design systems, watch on YouTube https://youtu.be/N-5TNKJ7eB0?t=15m25s

dinky icon dinky

A red hot theme for GitHub pages.

hubot icon hubot

The Mostly Australians campfire bot cloned from github/hubot

hubot-1 icon hubot-1

A customizable, kegerator-powered life embetterment robot.

minima icon minima

Minima is a one-size-fits-all Jekyll theme for writers.

primer icon primer

The base coat of GitHub. Our internal CSS toolkit and guidelines.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.