Kaarkhana OS

Factory software usually looks like a control room. We drew Kaarkhana OS like a game cartridge instead, so a shop-floor owner reads breakdowns, output and power at a glance.
Kaarkhana OS is an invented machine-monitoring product for the small factories around Pune, Chakan and Ichalkaranji. Clip-on sensors go onto old lathes, presses and power looms, a 4G gateway sends readings up, and a dashboard forecasts breakdowns and counts output per shift. Its buyers are owners and supervisors, not IT teams, and most industrial software talks past them.
We set the page on warm near-black with a single safety-yellow accent taken from factory signage. The headline is a pixel serif, rasterised live from Newsreader so it keeps editorial proportions with stepped edges, while section heads use the same family set smooth and light. Every illustration is ordered-dither pixel art drawn in code: a lathe beside a roller conveyor, a CNC jog pendant with an emergency stop, a power loom with a spinning flywheel and a dusk skyline of sawtooth sheds. Panels wear RPG-window chrome, with hairline frames and square corner nodes, and the closing call to action sits inside a marigold toran, the garland Indian workshops hang on their machines at Vishwakarma Puja.
The landing page runs eight sections plus a skippable level-start intro. A small dither engine draws each scene to a low-resolution canvas, maps it through a 4x4 Bayer matrix onto a six-step rust-to-yellow ramp, traces a one-pixel dark keyline around every hard edge and redraws the visible ones a few times a second, so chucks turn, rams stamp and looms beat. The hero dashboard is real HTML and SVG. The stepper and carousel run on hardware-style keycaps, an optional sound toggle adds a low hum and UI blips, and the layout folds to a single column with a pixel menu on phones.
- Landing page
- Logo and wordmark
- Product UI
- Pixel illustration system
- Responsive system
- Motion and sound


- 8-section landing page plus a skippable level-start intro, responsive to 360px
- Pixel serif headline rasterised live from Newsreader, with a dither dissolve on load
- Ten pixel-art scenes drawn in code through a Bayer ordered-dither engine, no photos
- Working product UI: vibration chart, failure forecast and shift output in HTML and SVG
- Keycap stepper, four-slide carousel, tabbed setup console and an optional sound toggle






Every section of the homepage, top to bottom, exactly as built.


