Pratik (@maybepratikk) header
Pratik (@maybepratikk) profile picture

digital product designer ☕️ design system & product design sprints for startups ↓

global
Joined May 2024
Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)Photo by Pratik (@maybepratikk)
oh no, you broke the slider...
1
36
1,332
in motion ☘️
3
42
1,135
wisprflow + claude + mobbin mcp is such a goat trio.
12
691
one thing I fix in almost every UI I touch: icons centered by their bounding box. triangles, arrows, chevrons all look off that way. center them by eye, not by the box.
5
4
91
3,285
since you're here, I design softwares for startups in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝 cal.com/maybepratik
124
calendar & event details 📅
5
55
1,597
type what you want, get filters: chips preview as you type, and results wait for a 250ms pause.
7
55
1,203
sidebar ☀️
7
1
1
75
3,301
before → after 🌟
workflow blocks 🌟
4
1
59
1,853
workflow blocks 🌟
9
2
1
108
5,657
since you're here, I design softwares for startups in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝 cal.com/maybepratik
1
376
AI output only looks slop if you stop at the first draft, you're just not iterating enough.
15
13
1
444
18,558
since you're here, I design softwares for startups in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝 cal.com/maybepratik
1
783
Everyone knows inner radius = outer − padding. It breaks in 4 places: Borders: subtract them too Pills: the radius is height ÷ 2, not 999px Focus rings: add instead of subtract Padding bigger than radius: CSS clamps to 0, so set a floor
design tip: use tabular numbers in tables and live data. default digits have different widths, so values shake when they update and columns never line up. tabular digits all share one width. one line of CSS: font-variant-numeric: tabular-nums;
12
33
4
702
27,942
since you're here, I design softwares for startup in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝 cal.com/maybepratik
1
1
775
integration modal from ReplyMail 📨
6
1
47
1,270
sidebar iteration w/ opus 5.5 🌟
claude one-shot vs claude + me 🌚
2
45
2,536
claude one-shot vs claude + me 🌚
5
1
1
28
4,412
you're not iterating enough!
7
1
36
1,169
since you're here, I design softwares for startup in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝 cal.com/maybepratik
199