FourZeroThree

FourZeroThree

Home
Articles by Topic
UI/UX Design Journal
Design System Chronicles
Case Studies
Videos
YouTube
About
🎨 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?
 • 
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…
 • 
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.
 • 
Sanketh Sharathkumar

March 2025

Post #8 (Design System Chronicles) - Breaking Down Component Research
Behind every well-designed component are tiny, intentional decisions.
 • 
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…
 • 
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.
 • 
Sanketh Sharathkumar
Post #6 (Design System Chronicles) - Establishing a typography system
Building a Scalable Typography System - Roles, Scale, and Line Heights in Tenet UI
 • 
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
 • 
Sanketh Sharathkumar

February 2025

January 2025

Post #4 (Design System Chronicles) - Designing a Scalable and Accessible Dark Theme
Creating a dark theme is always a challenge, an interesting one at that, because it's not about just inverting colours. It’s a meticulous process of…
 • 
Sanketh Sharathkumar
Post #3 (Design System Chronicles)- Organizing colour variables in Figma
The variables panel helps optimize the creation and organization of variables. Collections can house a) variables and b) modes. Within a collection…
 • 
Sanketh Sharathkumar
Post #2 (Design System Chronicles)- Setting up colours for Tenet UI with colorbox.io
For my UI kit I resorted to taking a hybrid route of creating the palette using colorbox.io and then manually tweaking the colour values as needed…
 • 
Sanketh Sharathkumar
© 2025 FourZeroThree
Privacy ∙ Terms ∙ Collection notice
Start writingGet the app
Substack is the home for great culture