PlanetScale Docs Refresh

Before

PlanetScale Docs homepage before refresh
PlanetScale Docs homepage before refresh

After

PlanetScale Docs homepage after refresh
PlanetScale Docs homepage after refresh

PlanetScale documentation refresh in 2021. Illustrations by Shaun Middlebusher. Design work included maintaining parity with the ongoing visual refresh of PlanetScale’s web application. Development work included migration from Gatsby to Next.js alongside Stitches.js as the styling framework.

PlanetScale Docs inline zoom component
PlanetScale Docs inline zoom component

In a 3-column layout, clicking on an image zooms it to take up space equal to last 2 columns. The image will overlay the in-page navigation but zooms out on scrolling out of view.