22 · Console

Engineering terminal, data-dense, technical.

Ditherpunk terminal spine, a drafting grid behind everything, calibration-style instrument bar (viewport, DPR, live uptime, lat/long), an ASCII-decorated hero, work as calibration data cards with full units (loc, wk, p95 ms, %, revs), about as a clinical scientific abstract.

NASA engineer's workstation, mid-shift.

udaysinh

/p/console/—open ↗

/p/console/

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 Console 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.

Drafting / calibration grids
Stacked `linear-gradient` backgrounds, two strides.
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.