FourZeroThree

FourZeroThree

Home
Articles by Topic
UI/UX Design Journal
Artifacts.png
Design System Chronicles
Tenet UI (UI kit)
Case Studies
About

Design systems

Post#12 (Design System Chronicles) - Hitting reset
Tenet UI Phase 2 didn't go as planned.
 • Sanketh Sharathkumar
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.
 • 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.
 • Sanketh Sharathkumar
The Ontology of Colour Tokens
Technically…semantic.
 • Sanketh Sharathkumar
The Existential Crisis of the 27th Prop
😩 One component. Twenty-seven props. Infinite regret!
 • 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.
 • Sanketh Sharathkumar
How to use a Figma Design System effectively in real projects
Practical lessons on using Figma design systems in real product work
 • 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.
 • Sanketh Sharathkumar
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.
 • Sanketh Sharathkumar
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…
 • 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.
 • Sanketh Sharathkumar
🎨 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
© 2026 FourZeroThree · Privacy ∙ Terms ∙ Collection notice
Start your SubstackGet the app
Substack is the home for great culture