Front-End Engineer (Design System)

YOUR ROLE:

Play a key role in building and evolving SiteGround’s internal Design System — the foundation that powers the visual consistency and development efficiency across all our products and SaaS platforms. Your mission is to evolve and scale an accessible and high-performance component library that empowers our product teams to deliver consistent, world-class user experiences. In this role, you’ll bridge the gap between design and engineering and make a lasting impact on the way SiteGround develops products at scale.

YOUR RESPONSIBILITIES:

• Develop and maintain high-quality, reusable, and scalable code using CSS/SASS, HTML, TypeScript and React. Implement modern CSS custom properties to support smooth, runtime light/dark theming;
• Drive the development and adoption of our Design System across multiple products and engineering teams;
• Partner with Product Designers to translate Figma variables and design tokens into production-ready styling tokens;
• Architect robust, predictable component APIs. Leverage headless UI composition patterns to avoid prop bloat and speed up development;
• Ensure all components meet strict WCAG 2.1/2.2 AA standards (ARIA patterns, focus states, keyboard navigation) and are optimized for rendering efficiency;
• Maintain Storybook as the single, interactive source of truth for component usage, guidelines, and interactive developer sandboxes;
• Help drive system adoption across multiple product teams, assisting with migration strategies and deprecating legacy elements;
• Maintain long-term code quality using unit testing and automated visual regression testing (such as Playwright);
• Structure clean TypeScript types and component properties to ensure they are optimized for clean generation by AI coding assistants (like Claude, Gemini, and Copilot).