UI/UX
Design system updates, component improvements, and accessibility
6 articles in this category
FeaturedFrom Hardcoded Colors to Design Tokens: Standardizing 3,796 Instances
How we migrated 148 files from hardcoded hex color values to CSS custom properties, the design token mapping system we built, and why this was one of the most impactful refactors we've done.
Accessibility First: SkipLinks, ARIA Landmarks & Semantic HTML
Why accessibility isn't optional for SaaS platforms, how we implemented SkipLink navigation, ARIA landmarks across all 3 layouts, and the keyboard navigation improvements that make Boottify usable for everyone.
Mobile-First Tables: Fixing Touch-Scroll Conflicts
How we solved the classic mobile UX problem where horizontal scroll conflicts with tap actions — and shipped a single component that auto-fixed 15+ admin tables across the platform.
Creating Our Cyber-Industrial Design System
The principles and tokens behind our distinctive dark-theme design system.
Tailwind CSS 4: What Changed for Us
Our experience upgrading to Tailwind CSS 4 and adapting to the new configuration.
Building the Admin Sidebar with Role-Based Visibility
How we created a dynamic sidebar that shows different menu items based on user roles.