FourZeroThree
Subscribe
Sign in
Home
Articles by Topic
UI/UX Design Journal
Design System Chronicles
Portfolio
Case Studies
About
Latest
Top
Discussions
🛠️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
•
Sanketh Sharathkumar
1
November 2025
🎮 I built a 90s game-themed portfolio...and honestly, I loved every minute
After months of AI prototyping, I finally vibe-coded my first website - a 90s game-style portfolio built with Google AI Studio.
Nov 28
•
Sanketh Sharathkumar
1
RedStack: Building a multi-role execution platform using a AI-augmented design workflow - case study
RedStack wasn’t a typical “one-user, one-flow” product. It was a multi-role ecosystem with many moving parts, each with its own portal, rules…
Nov 25
•
Sanketh Sharathkumar
September 2025
Riffing With AI: My ChatGPT → v0 → Figma Workflow
Every designer is experimenting with AI workflows. Here’s my ChatGPT → v0 → Figma loop and the trade-offs that make it work.
Sep 18
•
Sanketh Sharathkumar
1
Context > Prompt: A designer’s system for an AI copilot
Prompts can get you started, but context is what makes AI reliable. This is my system for using GPT as a true design partner.
Sep 14
•
Sanketh Sharathkumar
1
Designing a no-code e-learning platform for dentistry - a case study
Dental education could be overwhelming - dense textbooks, expensive resources, and endless exams. Students needed a resource that was visual…
Sep 5
•
Sanketh Sharathkumar
The Design System Story: Turning design debt into a scalable system - a case study
We needed a shared foundation, a system to unify, scale, and speed up every project we delivered.
Sep 3
•
Sanketh Sharathkumar
1
1
August 2025
The "invisible" middle layer of colour systems
Color palettes don’t scale on their own. It’s the invisible middle - accessibility and design rules, that turns colors into a usable system.
Aug 21
•
Sanketh Sharathkumar
1
Design DNA - A playbook for building systems that scale
I want to start a new series on building design systems. I’m calling it Design DNA.This is about practical systems you can create right in the middle of…
Aug 12
•
Sanketh Sharathkumar
1
July 2025
Designing flexible data tables - an atomic approach
Tables are complex components. The hack, though, is getting that one “data-cell” component just right, and then using that to build your entire table.
Jul 20
•
Sanketh Sharathkumar
1
1
Auto-layout isn’t broken. Your mental model is!
Figma’s auto-layout is essentially a similar visual implementation of Flexbox. It is designed on the Flexbox CSS model and shares a strong conceptual…
Jul 13
•
Sanketh Sharathkumar
2
2
Pixels and Process #2 - Geeking over the good stuff (with a cup of coffee 🍵)
Sharp reads, shiny tools, quick tactics, and a wildcard curated for designers who love systems, speed, and small sparks of inspiration.
Jul 6
•
Sanketh Sharathkumar
2
1
This site requires JavaScript to run correctly. Please
turn on JavaScript
or unblock scripts