Skip to content
Kaarkhana OS

Kaarkhana OS

Sector & region
Manufacturing softwarePune, IN
Year
2026
Type
Concept
Kaarkhana OS homepage hero

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.

About

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.

Features

WebsiteProduct UIIllustrationMotion

Deliverables

  • Landing page
  • Logo and wordmark
  • Product UI
  • Pixel illustration system
  • Responsive system
  • Motion and sound
kaarkhana.conceptOpen live ↗
Kaarkhana OS homepage
Live, scrollable prototype of the Kaarkhana OS website.
Kaarkhana OS: sensors section

Highlights

  1. 018-section landing page plus a skippable level-start intro, responsive to 360px
  2. 02Pixel serif headline rasterised live from Newsreader, with a dither dissolve on load
  3. 03Ten pixel-art scenes drawn in code through a Bayer ordered-dither engine, no photos
  4. 04Working product UI: vibration chart, failure forecast and shift output in HTML and SVG
  5. 05Keycap stepper, four-slide carousel, tabbed setup console and an optional sound toggle
Kaarkhana OS: retrofit section
Kaarkhana OS on a phone, view 1
Kaarkhana OS on a phone, view 2
Kaarkhana OS on a phone, view 3
Kaarkhana OS: use cases section
Kaarkhana OS: setup section

The whole page

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

The full Kaarkhana OS homepage, top to bottomHover to scroll the full page
Kaarkhana OS: field notes section
Kaarkhana OS: closing section

Colour

Night ShiftBackground#16120E
Gateway PanelSurface#201C18
Cotton CreamInk#EDE6DA
Safety YellowAccent#F5C518
Furnace AmberDither mid-tone#D9901C
Lathe RustDither shadow#9C4A1A

Type

Display (pixel-rasterised)AaNewsreaderWeight 500
HeadingsAaNewsreaderWeight 300
Labels and buttonsAaSilkscreenWeight 400
BodyAaGeistWeight 400
Data and codeAaGeist MonoWeight 400

Next projectDental clinic

Moti Dental

Related work