Screen

Screen is Monospaced's brand image tool.

Turns a photograph into a 2-level ordered-dither bitmap on the cyan, magenta, yellow or neutral palette axis — it reads as an early computer display.

Pick a colour axis, an aspect ratio and a tone (dark, mid or light), optionally switch on motion — a Scan sweep, a Load entrance, or both — then drag to place the crop and download: a PNG still, an animated WebP when motion's on, or an adaptive SVG that carries both the dark and light tones. Everything runs in the browser on a <canvas>; nothing is uploaded.

See RECIPE.md for the full spec. The treatment itself is implemented in shared/screen-core.js.

Develop

pnpm install
pnpm dev             # local dev server with HMR
pnpm build           # production build -> dist/
pnpm preview         # serve the production build locally
pnpm lint            # eslint + stylelint
pnpm format          # prettier --write .

Built with Set Design System.