Frontend Developer Design System Implementation
Frontend Developer – Design System Implementation
Join to apply for the Frontend Developer – Design System Implementation role at involveMINT
We accomplish this through a web app that matches member organizations based on their needs and offers, enabling direct exchanges using an internal mutual credit system for recordkeeping. The credits can be gamified to incentivize actions that create positive social and environmental outcomes.
We're seeking a skilled frontend developer to help align our React-based web application with our updated design system. This project involves implementing visual and component updates across our mutual credit marketplace platform, ensuring a cohesive, professional user experience that builds trust with the small businesses we serve.
This is an excellent opportunity to apply your frontend skills to a mission-driven project, gain experience working with a comprehensive design system, and contribute to technology that supports community economic resilience.
Week 1-2 Color System & Typography
• Update CSS custom properties to implement our standardized color palette
• Remove deprecated orange business accents and replace with unified green system (#39AA2C primary, #099929 secondary)
• Implement Inter font family with proper typographic hierarchy
• Standardize button component variants (primary dark, secondary green, outline, disabled states)
Week 3-4 Component Standardization
• Update input field styling with proper focus states
• Implement card component standards (8px border radius, proper padding scale based on 4px grid)
• Add status badge components with correct styling and color coding
• Ensure icon consistency (2px stroke weight, rounded caps, 24px sizing)
Week 5-6 Page-Level Updates
• Dashboard: Add Quick Stats section, update feed tabs
• Wallet: Update balance card styling
• Market: Implement match badges ("Good fit", "Near you", "Past partner")
• Storefront: Apply unified color system
Qualifications
Required
• Proficiency in React (we use React Router v7)
• Strong experience with CSS, particularly Tailwind CSS
• Understanding of design system implementation
• Familiarity with CSS custom properties/variables
• Experience with responsive, mobile-first design patterns
• Ability to work independently and manage your own time
Preferred
• Experience with Figma-to-code workflows
• Understanding of accessibility standards (WCAG)
• Previous experience contributing to open source or nonprofit tech projects
Time Commitment
• Hours per week 3-4 hours
• Duration 6 weeks
• Schedule flexible; work on your own schedule
• Meetings weekly 30-minute check-in with technical lead (time flexible)
What We Provide
• Comprehensive documentation: Completed design system audit with every required change detailed by page URL
• Design assets: Finalized Figma file with complete component specifications, icon library, and color palette
• Technical support: Weekly check-ins with our technical lead for code reviews and questions
• Communication: Dedicated Slack channel for quick questions and collaboration
• Development environment: Clear setup documentation and staging environment for testing
Benefits
• Opportunity to contribute your technical skills to a meaningful cause supporting local economies
• Hands-on experience implementing a comprehensive design system from documented specifications
• Portfolio piece demonstrating design system work for a production application
• Letter of recommendation upon successful completion
• Networking with a passionate team working on alternative economic models
• Flexible, fully remote schedule
Impact
Your work will directly enable small businesses to connect, trade, and thrive together. A polished, consistent interface signals professionalism and reliability to the business owners who entrust their livelihoods to our platform. Every improvement you make removes friction from the exchange process—meaning more local businesses discovering each other, more services traded, and stronger community economic resilience.
By helping us implement these design updates, you'll be building infrastructure for a more equitable local economy.
Seniority level
Associate
Job function
Engineering and Information Technology
Industries
Civic and Social Organizations and Non-profit Organizations
Referrals increase your chances of interviewing at involveMINT by 2x
Get notified about new Frontend Developer jobs in Pittsburgh, PA.
We’re unlocking community knowledge in a new way. Experts add insights directly into each article, started with the help of AI.
Apply tot his job
Apply To this Job
Join to apply for the Frontend Developer – Design System Implementation role at involveMINT
We accomplish this through a web app that matches member organizations based on their needs and offers, enabling direct exchanges using an internal mutual credit system for recordkeeping. The credits can be gamified to incentivize actions that create positive social and environmental outcomes.
We're seeking a skilled frontend developer to help align our React-based web application with our updated design system. This project involves implementing visual and component updates across our mutual credit marketplace platform, ensuring a cohesive, professional user experience that builds trust with the small businesses we serve.
This is an excellent opportunity to apply your frontend skills to a mission-driven project, gain experience working with a comprehensive design system, and contribute to technology that supports community economic resilience.
Week 1-2 Color System & Typography
• Update CSS custom properties to implement our standardized color palette
• Remove deprecated orange business accents and replace with unified green system (#39AA2C primary, #099929 secondary)
• Implement Inter font family with proper typographic hierarchy
• Standardize button component variants (primary dark, secondary green, outline, disabled states)
Week 3-4 Component Standardization
• Update input field styling with proper focus states
• Implement card component standards (8px border radius, proper padding scale based on 4px grid)
• Add status badge components with correct styling and color coding
• Ensure icon consistency (2px stroke weight, rounded caps, 24px sizing)
Week 5-6 Page-Level Updates
• Dashboard: Add Quick Stats section, update feed tabs
• Wallet: Update balance card styling
• Market: Implement match badges ("Good fit", "Near you", "Past partner")
• Storefront: Apply unified color system
Qualifications
Required
• Proficiency in React (we use React Router v7)
• Strong experience with CSS, particularly Tailwind CSS
• Understanding of design system implementation
• Familiarity with CSS custom properties/variables
• Experience with responsive, mobile-first design patterns
• Ability to work independently and manage your own time
Preferred
• Experience with Figma-to-code workflows
• Understanding of accessibility standards (WCAG)
• Previous experience contributing to open source or nonprofit tech projects
Time Commitment
• Hours per week 3-4 hours
• Duration 6 weeks
• Schedule flexible; work on your own schedule
• Meetings weekly 30-minute check-in with technical lead (time flexible)
What We Provide
• Comprehensive documentation: Completed design system audit with every required change detailed by page URL
• Design assets: Finalized Figma file with complete component specifications, icon library, and color palette
• Technical support: Weekly check-ins with our technical lead for code reviews and questions
• Communication: Dedicated Slack channel for quick questions and collaboration
• Development environment: Clear setup documentation and staging environment for testing
Benefits
• Opportunity to contribute your technical skills to a meaningful cause supporting local economies
• Hands-on experience implementing a comprehensive design system from documented specifications
• Portfolio piece demonstrating design system work for a production application
• Letter of recommendation upon successful completion
• Networking with a passionate team working on alternative economic models
• Flexible, fully remote schedule
Impact
Your work will directly enable small businesses to connect, trade, and thrive together. A polished, consistent interface signals professionalism and reliability to the business owners who entrust their livelihoods to our platform. Every improvement you make removes friction from the exchange process—meaning more local businesses discovering each other, more services traded, and stronger community economic resilience.
By helping us implement these design updates, you'll be building infrastructure for a more equitable local economy.
Seniority level
Associate
Job function
Engineering and Information Technology
Industries
Civic and Social Organizations and Non-profit Organizations
Referrals increase your chances of interviewing at involveMINT by 2x
Get notified about new Frontend Developer jobs in Pittsburgh, PA.
We’re unlocking community knowledge in a new way. Experts add insights directly into each article, started with the help of AI.
Apply tot his job
Apply To this Job