Suraj — Design, Product, Web, Experiments
I design digital products, and then I build them.
Zimoma
A notes app that catches the thought first and files it later. Product design, Notes, Productivity. 2026.
Open the Zimoma case studyKhlosh
A macOS terminal that is warm instead of cold. Desktop app, Developer tool. 2026.
Open the Khlosh case studyUnikist
A hand-curated index of design resources. The index, not the mall. Design resources, Discovery, Web. 2026.
Open the Unikist case studydiddy.cam
Your entire internet lore, on one link. Link in bio, Web app, Identity. 2026.
Open the diddy.cam case studyEdgyCore
One bot that runs a whole Discord server. Discord bot, Dashboard, SaaS. 2026.
Open the EdgyCore case studyParla
A language app where the sentence explains itself. Language learning, Education, Web app. 2026.
Open the Parla case studyMr Gradient
A gradient editor that makes light on your graphics card. No AI. Creative tool, WebGL, Web app. 2026.
Open the Mr Gradient case studyAbout
Suraj. designer. builder. experimenter. India. 2026.
I make the tool I couldn’t find.
Then I build it myself.
I try the odd idea first.
I mind when it’s a pixel out.
About a year in. Freelance, and still a student.
Process
- Notice. It starts with something that annoyed me. Before I draw anything I write down who it is for, what they do first, and what can go. Zimoma started as one line: be writing within three seconds.
- Wireframe. Boxes first. If it doesn’t work in grey, colour won’t save it. One job per screen. The first thing you see should be the thing you came for. Unikist was redesigned three times before its home page became one text field.
- Design. One accent, and it only ever means one thing. A few colours, one typeface, and a rule for what each of them is allowed to mean. In Parla the lime only ever means “this is yours” or “press this”.
- Prototype. Then it has to move. A flow I can’t touch is a guess. I prototype the gesture, not the screen: what the hand does, and what answers it. In Khlosh, holding a drag for 0.8 seconds is the difference between reorder and split.
- Build. Then I build it myself, so nothing gets lost in a handoff. Easing, empty states, the screen for when it breaks. The feel is in the code, not the mock-up. Mr Gradient’s shader has a second copy on the CPU, just to check the first.
- Ship. And then it goes out. Things break in public that never broke in Figma. That is the reason to ship. Six of the seven projects here are on the internet right now.
Tools
Figma, FigJam, Framer, Webflow, Nuxt, Vue, GSAP, Spline, ProtoPie, After Effects, Illustrator, Miro.
Lab
A stacking game and four small experiments, made from the same pieces as the rest of the site: stack, pigment, gravity, magnet, weight.