01 · Ditherpunk

Terminal frame, mono, monochrome.

IBM Plex Mono on near-black with three foreground levels. Scanlines, a dithered portrait, syslog-style writing entries. The whole page reads like a session.

SSH'd into someone's brain.

udaysinh

/p/ditherpunk/—open ↗

/p/ditherpunk/

open fullscreen — better on a phone

The page above is the prototype itself, unmodified. Open in a new tab to drive it full-size.

Make your own

Recreate Ditherpunk with an AI agent.

Copies a structured brief — palette, fonts, techniques, the design notes — ready to paste into Cursor, Claude Code, or any agent that takes a markdown prompt. Originality on the bones is encouraged.

Techniques used

What this sheet demonstrates.

SVG filters for grain, dither, halftone
Inline `<filter>` definitions; reference with `filter: url(#id)`.
CRT scanlines from a 2-pixel gradient
`repeating-linear-gradient`, blended in.
Stepped animation as a design language
`steps()` turns smooth motion into something the medium chose.

No design notes have been written for this sheet yet.