Early on, [proposed the prototype](https://www.youtube.com/watch?v=5iq0Kl4Snyg) for dragging/dropping images into comments. Built generative [Identicons](https://github.blog/2013-08-14-identicons/), the first GitHub Guides site (for which I made this [geo_pattern library](https://github.com/jasonlong/geo_pattern)). Designed the [Arctocat shirt](https://cdn.shopify.com/s/files/1/0051/4802/products/Arctocat_Mock_GithubShop-M1_600x600_crop_center.jpg?v=1563298117).

Redesigned the pull request merge box UI, the user profile page, and our blank slates. Added CI status to the favicon in a hack week project with [Joel Califa](https://read.cv/califa). Worked on [repository topics](https://github.blog/2017-01-31-introducing-topics/), [signed commits](https://github.blog/2016-04-05-gpg-signature-verification/), and repository sparklines. Designed the [default GitHub Pages theme](https://github.com/jasonlong/cayman-theme).

Later, I worked on Actions from the initial prototype through v2. The first version had an [interactive visual graph](https://dribbble.com/shots/5412543/attachments/1172969?mode=media). Contributed to [Primer](https://primer.style/) as we moved more towards components.

GitHub projects

Product Designerd

Generating visual designs with code

A look at creating generative patterns using the values from a SHA-encoded string. This is the technique I used to build the GitHub Identicons and geo_pattern library.

How product design works at PlanetScale

Boost is a sophisticated query cache to drastically improve database performance. As data changes in the underlying tables, the cache is updated as well. I designed the UI for managing your Boosted queries.

PlanetScale Boost

Spent most of 2021 designing this app from scratch through to beta and GA. PlanetScale is a serverless database that is absurdly scalable (underlying tech powers YouTube) and developer-friendly (branch and merge schema changes like in Git). We're using Next.js and Tailwind.

PlanetScale

Created the Git logo and designed the website (which desperately needs to be redesigned again).

Git site and branding

Our Insights feature lets users monitor the performance of their database queries. I designed interactive graphs for viewing various metrics and timeframes.

PlanetScale Insights

Designed the logo for the (new at the time) NeoVim project.

NeoVim logo

Beam is an open-source blog-like app for your company or organization. It was designed in the spirit of the Team app used at GitHub. Posts are written in Markdown, images can be dragged and dropped into the editor, people can add comments and "like" posts.

Beam

iTerm replacement icons

I updated my forever-half-finished personal site to be extremely minimal and easy to maintain. I built it with Astro and really enjoyed the DX. The site is currently a single page implemented with an `.mdx` file that gets converted to html which I then style to look like Markdown again. 🤓

Personal site

A minimal menubar Pomodoro app written in Electron.

Mater

A browser extension for Chrome/Brave and Firefox that lets you toggle between your regular GitHub contribution chart and an isometric pixel art version.

Isometric Contributions

Generate beautiful tiling SVG patterns from a string. The string is converted into a SHA and a color and pattern are determined based on the values in the hash. The color is determined by shifting the hue and saturation from a default (or passed in) base color. One of 16 patterns is used (or you can specify one) and the sizing of the pattern elements is also determined by the hash values.

GeoPatterns

I built an animated SVG for my GitHub README. It updates daily with today's weather, how long I've been at my new job, and what day it is. It does this with some Javascript, the Accuweather API, and the animated SVG template itself.

Animated GitHub README

A lifetime ago. Worked on an EDI system using Visual C++ and MFC.

Developer

Lots of Ruby on Rails projects. Gradually decided to focus more on design over these years.

Freelance

Designing the UI for an awesome new serverless database tool.

Product Designer

Got to work on a ton of fun projects. See the list below for more details.

Early e-learning company. Used ASP and JSP. Last couple of years spent as a manager.

Jason Long

2021