Design System Documentation
Context & The Problem Space
The DaySmart ecosystem lacked a unified visual language, creating massive inefficiencies. The engineering team was burdened with minor UI ticketing, styling inconsistencies, and mounting accessibility debt across multiple product lines.
Strategic Approach
To accelerate delivery without sacrificing systemic control, I utilized Bootstrap as a foundational utility layer, architecting a custom, highly governed design token system on top of it. This hybrid approach allowed us to bypass reinventing basic grid and layout math, focusing our efforts entirely on scalable multi-tenant theming, WCAG compliance, and complex SaaS UI components.
Process & Execution
Beyond visual specs, I authored comprehensive WCAG accessibility requirements and behavioral constraints to prevent engineering from introducing UX anti-patterns. To maintain velocity without draining the core engineering backlog, I integrated Claude and Cursor into the pipeline, autonomously pushing front-end QoL improvements and CSS styling refinements directly to the codebase.
By delivering components as semantic HTML and pure CSS tokens, the design system avoided tethering the UI to specific JavaScript frameworks (like React or Angular). This ensured immediate, frictionless adoption across both legacy and modern DaySmart product environments.
A design system fails without strict governance. Beyond visual specs, I authored comprehensive behavioral constraints to prevent engineering from introducing UX anti-patterns, reducing QA loops and design debt.
Impact & Outcomes
The deployment of the Dash Design System fundamentally shifted how DaySmart shipped UI. By establishing a single-source-of-truth component library, we eliminated compounding visual technical debt across the platform. Engineering teams were freed from minor styling, QA, and accessibility ticketing, accelerating core feature delivery while guaranteeing a strictly governed, WCAG-compliant experience across the entire multi-tenant ecosystem.
Kayla Mandel
Senior Product Manager at DaySmart (Dash)
"His combination of UX/UI skill and web development background made him a rare kind of collaborator. He didn't just design screens, he understood how they'd actually get built, which meant fewer surprises and smoother handoffs every time... He was also quick to explore new tools like Claude... bringing that same curiosity to how AI could fit into the design process."
I had the pleasure of working alongside Daniel as a PM-designer partner, and his combination of UX/UI skill and web development background made him a rare kind of collaborator. He didn't just design screens, he understood how they'd actually get built, which meant fewer surprises and smoother handoffs every time.
What stood out most was his attention to detail. He caught edge cases in complex workflows that others missed, and he had a knack for simplifying multi-step processes without losing the nuance that made them work. He was also quick to explore new tools like Claude Design and Figma Make as we gained access to them, bringing that same curiosity to how AI could fit into the design process.
Read more
I had the pleasure of working alongside Daniel as a PM-designer partner, and his combination of UX/UI skill and web development background made him a rare kind of collaborator. He didn't just design screens, he understood how they'd actually get built, which meant fewer surprises and smoother handoffs every time.
What stood out most was his attention to detail. He caught edge cases in complex workflows that others missed, and he had a knack for simplifying multi-step processes without losing the nuance that made them work. He was also quick to explore new tools like Claude Design and Figma Make as we gained access to them, bringing that same curiosity to how AI could fit into the design process.