XX
Frontend Developer - Design System ImplementationinvolveMINTUnited States

This job offer is no longer available

XX

Frontend Developer - Design System Implementation

involveMINT
  • US
    United States
  • US
    United States

About

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. RESPONSIBILITIES 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.
  • United States

Languages

  • English
Notice for Users

This job was posted by one of our partners. You can view the original job source here.