VellumStudio

Internal tools dashboard

by Hana Sato

Preview of VellumStudio

Description

Built for anyone who wants an internal tools dashboard and none of the setup that usually comes with one. VellumStudio leans editorial — plenty of room, very little chrome — and everything on screen is something you can act on.

  • Real data from the first commit — no fixtures
  • Errors say what happened and what to do
  • Accessible: labelled, focusable, and readable at 200% zoom

Made with Astro and Stripe. Roughly 80% of the first draft survived to production, which is not something I could have said about any project before this one.

If you build on it, the interesting file is the one that maps the query to the view — everything else is presentation.

Workflow

  1. Generated the first pass in Astro

    Iterated on the prompt rather than on the output — fixing the generated code by hand meant losing the fix on the next regeneration.

More like this

Other editorial builds from the gallery.

More from Hana Sato

Everything @hanasa has shipped to the gallery.