FourZeroThree | Sanketh Sharathkumar | Substack

Post#12 (Design System Chronicles) - Hitting reset

Tenet UI Phase 2 didn't go as planned.

9 hrs ago • Sanketh Sharathkumar

Recent posts

Your design system lives in the docs - Building a living context stack

The documents you’re producing become the “context layer” that keeps your design system coherent.

Apr 25 • Sanketh Sharathkumar

How I set up Cursor before I start vibe coding

I spend a long time setting up projects in Cursor before writing a single line of code.

Apr 10 • Sanketh Sharathkumar

I'm building a small website called "Loading..."

Apr 5 • Sanketh Sharathkumar

How to build prototypes that don’t drift

Prototyping is quietly becoming the spec and the unit of alignment inside teams. This is how I keep it stable across tools and iterations.

Feb 25 • Sanketh Sharathkumar

A Context-First design process for 0→1 work (With AI)

A context-first design workflow for 0→1 work in unfamiliar domains (using AI) -> domain ramp-up, JTBD, flows/IA, AI-assisted prototyping, and…

Feb 15 • Sanketh Sharathkumar

Post #11- Design System Chronicles: Designing behavior before code

How I designed Tenet UI Studio by prototyping behavior before code - using ChatGPT, prototypes, and UX reasoning to freeze intent before implementation.

Jan 14 • Sanketh Sharathkumar

👨‍💻Post #10 (Design System Chronicles) - From Figma to Code

In this tenth entry of Design System Chronicles, I document the shift from building Tenet UI in Figma to translating the same design system into code.

Dec 29, 2025 • Sanketh Sharathkumar

How to use a Figma Design System effectively in real projects

Practical lessons on using Figma design systems in real product work

Dec 23, 2025 • Sanketh Sharathkumar

🛠️How I vibe-coded my 90s-game themed portfolio using ChatGPT + Google AI Studio

A practical breakdown of how I vibe-coded a 90s-game themed portfolio using ChatGPT and Google AI Studio. Workflow and lessons learnt.

Dec 4, 2025 • Sanketh Sharathkumar

FourZeroThree

FourZeroThree

Product Design📱 | Technology👨‍💻 | Personal Growth📈

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts