How I sketch before I ship

July 6, 20262 min read

A walk through the messy middle — from a napkin scribble to a digital flow. Notebook first, pixels later.

This blog is a [object Object]. It's where the pen-and-paper thinking, the half-formed ideas, and the digital refinements live side by side. Less polished essay, more open notebook.

Handwritten page

Ink from the Kiruk notebook engine — themes with the era skin (currentColor).

A digital scribble page — pressure ink + softer pencil.

Start on paper

Every idea starts as a scribble. No constraints, no grid — just the shape of the thought.

PEN & PAPER

First pass. Ugly on purpose — the point is speed, not beauty.

Pen, then pixels

The interesting part is the [object Object]. What survives the jump from paper to screen, and what gets fixed along the way?

PEN & PAPER

DIGITAL

Notebook flow (left) → the cleaned-up digital version (right).

Some things I hold onto in that jump:

The [object Object] — what's big stays big.
The dumb-but-honest labels I wrote at 1am.
Any arrow I drew twice, because that's where the real logic was.

[object Object][object Object][object Object][object Object][object Object]

The whole spread

Sometimes a single page can't hold the idea. Here's the full notebook spread it grew into.

One idea, two facing pages. Full-bleed so you can actually read the margins.

That's the loop: draw, drop a screenshot, write a little, save. New posts: npm run newpost -- "Title" then open /studio.