parking space, man, city, person, alone, lonely, lights, gloomy, night, evening, dark, parking lot, urban, man, city, alone, alone, alone, alone, alone, lonely, night, dark, dark, dark, parking lot
// Case study · 07

Black Tape Manifesto

An essay on building at 3am.

2026·Studio piece·Next.js · Three.js · custom shaders·one weekend
// The brief

No client. No brief. No invoice. We built this on a Friday night because we'd spent three weeks making what other people wanted and forgot why we started. A WebGL essay about building for love instead of money. The text rearranges as you scroll — sentences becoming other sentences, the way a thought does at 3am.

// An excerpt

At 3am the work stops asking to be liked.

No client to please. No invoice to earn.

Just you, a dim room,

and the thing you wanted to make

before anyone told you what it was worth.

// The approach

The constraint was the point: one weekend, two people, no plan past the first sentence. We wrote the essay in a shared doc on Friday, built the shader Saturday, and spent Sunday taking things out. If a line didn't make us feel something, it didn't ship.

// Process · what we threw away
desert, texture, pattern, nature, shadow, minimal, nature dark, landscape, grass, sand, black and white
killed · sat night
branching interactive essay · us showing off

We almost made it interactive — click a word, branch the essay, a whole choose-your-own-path thing. Killed it Saturday night. The interactivity was us showing off, not the piece talking. The only thing left is scroll. You read it the way you read anything. The work disappears.

// we designed ten. they picked one.

Ten directions. One shipped.

Every project starts as ten homepages, fully built. The client picks the one that ships. The other nine aren’t waste — they’re the proof we looked before we leapt.

10 directions · drag or use the arrows
Bulb Photo Essay — homepage direction for this projectpicked
Bulb Photo Essayblack-tape-manifesto-02

The 3am room photo at low opacity behind the essay's opening lines. Atmospheric, lonely, true.

Giant Opening Sentence — homepage direction for this projectrejected
Giant Opening Sentenceblack-tape-manifesto-01

Single italic headline at near-viewport scale, centered on near-black. The essay title carries the whole screen.

Build Log Timeline — homepage direction for this projectrejected
Build Log Timelineblack-tape-manifesto-03

Five timestamp entries as the hero itself — the chronology is the essay. Ruled rows, two-column grid.

Black on White — homepage direction for this projectrejected
Black on Whiteblack-tape-manifesto-04

Inverted palette: off-white ground, ink-black Newsreader italic. Reads like a printed essay or book cover.

Left-Aligned Essay Column — homepage direction for this projectrejected
Left-Aligned Essay Columnblack-tape-manifesto-05

Garamond with a floated drop cap, narrow reading column, long leading. Opens the essay directly.

Grain + Single Line — homepage direction for this projectrejected
Grain + Single Lineblack-tape-manifesto-06

SVG fractal-noise grain at 3.5% opacity, one centered italic sentence. The quietest possible screen.

Text-Morph Fragments — homepage direction for this projectrejected
Text-Morph Fragmentsblack-tape-manifesto-07

Stacked lines at sharply decreasing opacity — built for love / not for money / not for anyone / for this. Suggests the scroll-morph behaviour.

Stack Manifest — homepage direction for this projectrejected
Stack Manifestblack-tape-manifesto-08

Opening sentence above a ruled label-value table of the stack. Every 'none' reads louder than a feature.

Texture Pull Quote — homepage direction for this projectrejected
Texture Pull Quoteblack-tape-manifesto-09

Desert shadow texture at 6% opacity behind a Cormorant italic pull quote. Maximum serif luxury, minimum noise.

Vertical Margin / Giant 3am — homepage direction for this projectrejected
Vertical Margin / Giant 3amblack-tape-manifesto-10

Vertical timeline label on the left margin, hairline rule, then enormous '3am.' in italic. The studio's -0.5deg rotation on the wordmark.

// The work

Next.js. Custom GLSL shaders for the text morph — no library, we wanted to understand every line of it. No CMS. No analytics. No cookie banner. Nothing watching you read.

desert, texture, pattern, nature, shadow, minimal, nature dark, landscape, grass, sand, black and white
leaf, autumn, wood, contrast, nature, dark, abstract, fall, brown, shadow, highlight, brown abstract, brown wood, brown leaf, brown dark, brown leaves
rain, umbrella, nature, pavement, red, black
// Build log · one weekend, condensed
fri · 11pm

three weeks deep in other people's briefs. opened a blank repo instead.

sat · 2am

first shader. text bleeds into text. we both went quiet.

sat · 4pm

tried branching paths. clever. killed it by midnight.

sun · 9am

wrote the last paragraph. then deleted the last paragraph.

sun · 6pm

shipped it. told no one. you finding this is the whole reward.

Built with Next.js · Three.js · custom shaders · one weekend
Want the next one to be yours? →