Frontend Developer – Design System Implementation

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.