ets27 studio / rounds / r01-opening

Round 01: the opening

2026-10-22. The first studio round. The owner, thinking out loud while he looks for more inspiration, decided how the site should open, and asked for demos.

The ask, in his words

"As I look for more inspiration, I kind of have been digging the idea of opening the website with exactly that, something like that picture that I provided, but like a nice clean paper texture that takes up the whole viewport. And then it just, as if someone's writing with a sharpie on the paper, free your mind. It gets written down, so I don't know how we would best emulate the writing appearing on the paper and making that part look like realistic strokes as if a human hand is putting it to paper. I'm sure there's some kind of library or something. The look should be pretty much kind of like it is on the paper. Unless there's maybe some kind of a font that looks like that, but we could break down that part as it's being written. maybe there are libraries for that so we can find a font that looks like the sharpie font and and then kind of make it look like it's slightly soaking into the paper so it looks really realistic with like some kind of grain over it or something I don't know perhaps over the whole site but can you create some demos for that that's how the site I think should open as opposed to my previous ideas so if you could cook that up while I look for additional inspirations"

"And also, maybe also have Codex do the same just to see and compare the versions Codex comes up with."

What the round makes

What to judge

  1. Does it look like a hand holding a marker (stroke order, pace, pauses, the way a stroke starts and ends), not a wipe or a fade?
  2. Does the ink look soaked into the paper, and does the paper read as paper on a phone and on a bright laptop?
  3. Is the grain felt rather than seen, and should it cover the whole site?
  4. Which route scales to the text the mind will write later: the real hand lifted from the photo, a marker font written by an engine, or a brush simulation?

Source: design/inspiration/2026-10-21-free-your-mind-sketchbook.png (the team's sketchbook page; the full-resolution photo or a flat scan is still wanted).

Later, not now (owner, 2026-10-22)

"If we really nailed down the writing down look, perhaps the conversation thing, the chat with the built-in AI on the site could maybe present the letters like that as if it's writing them down to give it a more humanistic look and feel. But first, just talking out loud here, let's stick with the intro demos as I look for more inspiration." The marker-font versions in this round use a generic text engine for exactly that reason: anything the mind writes can be written out the same way once the look is settled.

claude

v1 · his hand

The team's own line, lifted from the sketchbook photo and written out stroke by stroke on a clean sheet that fills the viewport.

claude

v2 · kalam

A marker font written out by the engine instead of the photographed line: the same mechanism can write anything, which is what the mind would need later.

claude

v3 · shantell sans

The same engine and sheet as v2, with Shantell Sans at weight 600: a rounder, more drawn marker hand, to judge the two fonts side by side.

claude

v4 · brush

The same line as v1, but painted rather than revealed: a felt tip stamps ink along the engine's strokes, so the marks are made in front of you instead of uncovered.

claude

v5 · brush, sky sheet

v4's brush on a whiter sheet with a faint blue in it, so the paper reads like a bright page under sky light rather than cream. The texture (tooth, mottle, grain, vignette) is v4's at the same strengths; only the hues moved.

codex

Original ink

The team's own marks, preserved as the identity of the opening.

codex

Living type

One reusable writer for the opening and later short thoughts.

codex

Felt tip

A nib deposits ink; the finished mark comes from the brush rather than a revealed silhouette.