I had the opportunity to speak at Config 2025 about my experience as a technical-leaning designer and why I think it's important to own the end to end experience.
I'm a Staff Systems designer at GitHub, shipping code and nudging pixels for the Primer design system.
I enjoy flexing into different domains. If there's something that needs doing, I'll do it.
I co-host an interface design podcast called Complementary, and off screen I'm teaching myself interior design and slowly renovating my house.
I joined Guy Segal's Design Downtime podcast to talk about my indoor rock climbing hobby and why I think it appeals to me as a designer.
Design tokens
Redesigned Primer's neutral color scales
I reduced Primer neutral scales from 5 down to 2 to be shared between default and high contrast themes. I also implemented a seamless rollout strategy that allowed us to test globally before shipping.
I spoke at a Config 2024 Day 0 event held at GitHub's SF office. I shared how we shipped a totally new color system for Primer in a stealthy way, and why this type of invisible work should be celebrated.
Component API
Stack component API
Led a Primer mob pair group to design and ship an experimental Stack component. Stack is a lower level layout component that aligns items, provides gaps and offers responsive props.
Visual polish
Tooltip visual refresh
Leveraged an API refactor to give Primer's Tooltip a visual refresh. Removing the caret and aligning sizing/spacing with design tokens brought the overall appearance closer to our other overlays.
Article
Lovers Magazine interview
An interview with Lover's Magazine about my journey into design.
Design tokens
Design token naming convention
Launched a new token naming convention for a major release of primer/primitives. This system supports base, functional and component level tokens and is designed to be intuitive to use with fuzzy search.
Component API
Dialog component API
Combining concepts from the Overlay component into a flexible, responsive Dialog.
Component API
ActionList component
Systemized a commonly used list pattern into a super component that does all the things: interactive and navigational lists, all while handling layout, state, color, and props like visuals and descriptions.
Component API
Overlay component API
I systemized a flexible, private Overlay component API to be consumed by components like menus and dialogs. It handled sizing, positioning, and slots like a header, body and footer.
Component API
Form control CSS
I wrote some of my all time favorite CSS for form control patterns.
Component API
Autocomplete component
Bringing newer design patterns to Primer View Components.
Design tokens
Sizing, spacing and typography tokens (initial launch)
Introduced Style Dictionary to Primer's design token layer, starting with basic sizing, spacing and typography tokens. These values and the build pipeline have drastically improved over time but this was the PR to kick off the next 3 years for me.
Visual polish
GitHub global focus styles
Designed and implemented global focus styles for GitHub and Primer components.
