Archive - FourZeroThree

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

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

June 2025

Architecting a “Remote Execution Platform” with AI-augmented UX workflows - a case study

A case study in product thinking with AI as a creative partner

Jun 1 •

Sanketh Sharathkumar

May 2025

Careers Aren’t Found. They’re Compounded.

What ten years of trying, learning, and stacking skills taught me about meaningful work.

May 16 •

Sanketh Sharathkumar

April 2025

🎨 Colour variables... but not the boring kind

You know that part of design systems, where you map colours like brand-600 to surface-brand-default and your brain starts buffering?

Apr 30 •

Sanketh Sharathkumar

Where design debt begins (And how to stop it)

You open a Figma file and start noticing inconsistencies - duplicated components, uneven spacing, unclear page naming, multiple versions of the same…

Apr 13 •

Sanketh Sharathkumar

Post #9 (Design System Chronicles) - Component Thinking: A recap of my component design workflow

This article is a curated recap of four key pieces where I break down my approach to component design, using Tenet UI as the backdrop.

Apr 5 •

Sanketh Sharathkumar

March 2025

Post #8 (Design System Chronicles) - Breaking Down Component Research

Behind every well-designed component are tiny, intentional decisions.

Mar 28 •

Sanketh Sharathkumar

Post #7 (Design System Chronicles) - Typography variables

Ever had to manually update every single text style in your design system because of one font change? Painful, right? This is exactly why typography…

Mar 21 •

Sanketh Sharathkumar

Finally a video on Product Design!

I have been itching to create videos of my Product Design blog posts for the longest of time.

Mar 16 •

Sanketh Sharathkumar

Post #6 (Design System Chronicles) - Establishing a typography system

Building a Scalable Typography System - Roles, Scale, and Line Heights in Tenet UI

Mar 8 •

Sanketh Sharathkumar

I Built a UI Kit So You Don’t Have To (You’re Welcome 😎)

After months of refining, testing, and reworking Tenet UI is live

Mar 2 •

Sanketh Sharathkumar

#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