Product design
Product design
Interfaces that explain themselves before anyone reads the manual.
Research · Flows · Systems
Take a closer look ↗Scroll down.
It gets built below.
Every pixel, on purpose.
Prabhat Tiwari designs and builds digital products. Interface and code from one hand, so what you see is exactly what runs.
Y series · site 01
The build
From a point to a product.
Build progress
000%
01 / 08
A point.
Everything starts at one exact coordinate. The rest is measured from here.
- A point.
- A grid.
- A layout.
- A typeface.
- A colour.
- A line of code.
- Online.
- Your turn.
I design and build software that reads clearly at first glance and stays solid long after launch. Calm on the surface, precise all the way down.
24 px of air above each line.Measured, not guessed.
Made from zero.
No templates, no page builders. Every component is drawn and written for the work it does.
Written by hand.
Readable code that stays small, so pages open fast even on a weak connection.
Quiet by design.
No trend that ages in a year. Clear type, honest structure and room to grow.
Design meets code.
The same hand shapes the interface and writes it. Nothing gets lost in a handover.
Everything a product needs. Interface to infrastructure.
The fan opens where you point.
Web apps
Web apps
Fast, accessible and built to last longer than the next framework.
Front-end · Back-end · Hosting
Take a closer look ↗Dashboards
Dashboards
Dense data, calm screens. The number that matters is the one you see first.
Charts · Tables · Real time
Take a closer look ↗APIs & tooling
APIs & tooling
Clean endpoints, clear docs and tools other developers enjoy using.
REST · Testing · Docs
Take a closer look ↗AI assistants
AI assistants
Answers grounded in your own documents, with the source one tap away.
Retrieval · Chat · Agents
Take a closer look ↗Motion & interaction
Motion & interaction
Movement that explains, never decorates. Every curve has a reason.
Scroll · Gestures · Micro-detail
Take a closer look ↗Selected work.
All projects ↗Every visual made for this page.
Product Design library
Morphiq
A free design library of decks, documents and resumes, plus a Workshop.
View on GitHub ↗
Product Monthly MIS reports
FinPilot
Monthly MIS and budget vs actual from a data export, without a single cluttered screen.
View on GitHub ↗
Product Bill checker
DocuMind
Reads bills from PDFs and photos and checks them, in your browser.
View on GitHub ↗DocuMind · Bill checker
Reads the bill. Checks the numbers.
In your browser. Nothing is uploaded.
Product Analytics workspace
InsightOS
Questions in, patterns out. Analytics that reads like a conversation.
View on GitHub ↗
Small details.
More on GitHub ↗Try them. They are real.
On
01 · Detail · State
The honest toggle
On is on and off is off, and the label always says which. State you can read from across the room.
44 × 44
02 · Detail · Touch
The 44-pixel promise
Every tap target on this page is at least 44 by 44 pixels. Thumbs are not cursors.
03 · Detail · Motion
One curve, everywhere
Fast out, soft landing. A single easing curve runs every movement here, so it all feels like one hand.
Contact
Got something worth building?
A short note is enough to start. Tell me the idea, and you get an honest answer on how to make it real.
prab.hat@outlook.com
Still here? Then we should talk.