- -
Stop coding CSS like a developer—the key to scalable CSS architecture is thinking like a designer!
CSS architecture involves naming conventions, design patterns, and organization strategies that make CSS scalable and maintainable. Many developers mistakenly think that writing good CSS depends on the latest trendy framework, but the reality is much simpler. The key to maintaining CSS effectively—especially as teams grow—is leveraging design tokens.
When design tokens are done correctly, you can achieve a better look and feel, seamless theming and white-labeling support, improved accessibility and responsiveness, and most importantly: implementations that actually match the original design with minimal friction.
In this session, I will cover:
- What design tokens are and how they can improve your UI, including responsiveness, accessibility, theme support, and more.
- Why shifting to a designer’s mindset helps implement more scalable CSS and, in turn, more maintainable components.
- Examples from industry leaders design systems like IBM, Shopify, and monday.com on how they use design tokens in their CSS codebases
- A take-home checklist for adopting the high-level concepts discussed into practical do’s and don’ts for your CSS codebase.
Over the past 10 years, I’ve worked on frontend infrastructure teams at various companies—from Elbit Systems during my military service to being part of the founding team that developed Vibe, monday.com’s design system, and leading frontend development at Ownera, a fintech startup.
Recently, I took a leap of faith and decided to chase my dream: starting my own Front-End consulting business.
My goal is to help organizations transform their UI infrastructure, creating a better frontend codebase to enhance user experience, scalability, and product consistency.
I’m passionate about discussing the frameworks and tools that empower Front-End and Full-Stack developers to build scalable UIs—from design systems and CSS best practices to component testing.