Senior Software Engineer (Frontend)
About The Position
The Red Hat User Experience Design (UXD) team is looking for a Frontend Engineer specializing in CSS. In this role, you will build and maintain the architectural CSS layer for PatternFly, Red Hat’s open source design system. You’ll ensure that the UI code used across Red Hat product interfaces remains scalable, accessible, and visually consistent. You will guide the evolution of our styling strategy to meet new global standards and support emerging AI initiatives. What you’ll do Partner with interaction and visual designers to translate complex concepts into reusable, production-ready CSS. Build and maintain theming layers to provide a unified experience across the Red Hat portfolio. Implement accessible code patterns that meet Web Content Accessibility Guidelines (WCAG). Collaborate with upstream open source communities to align visuals and reduce engineering effort across product teams. Review code contributions from the community to ensure they meet the system’s standards for performance and maintainability. Guide the adoption of PatternFly across distributed product teams to prevent user interface fragmentation. What you’ll bring Proficient at building complex layouts and components using modern CSS, including Custom Properties, Grid, and Flexbox. Competent in using CSS pre-processors like Sass or PostCSS to manage large-scale design systems. Exceptional attention to detail when translating visual designs into functional code. Solid understanding of web accessibility standards and how to implement them in a component library. Expert communication skills for collaborating with globally distributed designers and engineers. Direct experience with component-driven development in environments like React or Web Components is a plus. Familiarity with Git and open source development workflows is a plus. Practical experience working within an Agile framework is a plus. Proficiency in utilizing LLMs (e.g., Google Gemini), as relevant, for tasks such as brainstorming solutions, deep research, summarizing technical documentation, drafting communications, summarizing complex technical information, and enhancing problem-solving efficiency across the development lifecycle. Comfort proactively using AI-assisted development tools (e.g., GitHub Copilot, Cursor, Claude Code) for code generation, auto-completion, and intelligent suggestions to accelerate development cycles and enhance code quality. Willingness to explore and experiment with emerging AI technologies relevant to software development. Proactively identify opportunities to incorporate new AI capabilities into existing workflows and tooling.
Requirements
- Proficient at building complex layouts and components using modern CSS, including Custom Properties, Grid, and Flexbox.
- Competent in using CSS pre-processors like Sass or PostCSS to manage large-scale design systems.
- Exceptional attention to detail when translating visual designs into functional code.
- Solid understanding of web accessibility standards and how to implement them in a component library.
- Expert communication skills for collaborating with globally distributed designers and engineers.
- Proficiency in utilizing LLMs (e.g., Google Gemini), as relevant, for tasks such as brainstorming solutions, deep research, summarizing technical documentation, drafting communications, summarizing complex technical information, and enhancing problem-solving efficiency across the development lifecycle.
- Comfort proactively using AI-assisted development tools (e.g., GitHub Copilot, Cursor, Claude Code) for code generation, auto-completion, and intelligent suggestions to accelerate development cycles and enhance code quality.
- Willingness to explore and experiment with emerging AI technologies relevant to software development.
- Proactively identify opportunities to incorporate new AI capabilities into existing workflows and tooling.
Nice To Haves
- Direct experience with component-driven development in environments like React or Web Components is a plus.
- Familiarity with Git and open source development workflows is a plus.
- Practical experience working within an Agile framework is a plus.
Responsibilities
- Partner with interaction and visual designers to translate complex concepts into reusable, production-ready CSS.
- Build and maintain theming layers to provide a unified experience across the Red Hat portfolio.
- Implement accessible code patterns that meet Web Content Accessibility Guidelines (WCAG).
- Collaborate with upstream open source communities to align visuals and reduce engineering effort across product teams.
- Review code contributions from the community to ensure they meet the system’s standards for performance and maintainability.
- Guide the adoption of PatternFly across distributed product teams to prevent user interface fragmentation.
Benefits
- Comprehensive medical, dental, and vision coverage
- Flexible Spending Account - healthcare and dependent care
- Health Savings Account - high deductible medical plan
- Retirement 401(k) with employer match
- Paid time off and holidays
- Paid parental leave plans for all new parents
- Leave benefits including disability, paid family medical leave, and paid military leave
- Additional benefits including employee stock purchase plan, family planning reimbursement, tuition reimbursement, transportation expense account, employee assistance program, and more!
Stand Out From the Crowd
Upload your resume and get instant feedback on how well it matches this job.
What This Job Offers
Job Type
Full-time
Career Level
Mid Level
Education Level
No Education Listed
Number of Employees
501-1,000 employees
