Skip to content

Repository files navigation

Screen

Example image processed by Screen

Screen is Monospaced's brand image tool.

Turns a photograph into a dark, 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 and an aspect ratio, drag to place the crop, download the PNG. 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.

About

Monospaced's brand image tool

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages