Our web tools at Retail Solutions are getting a fresh coat of paint, and I need an experienced front-end hand to turn polished Figma mocks into production code. The main objective is modernization—specifically, the color palette and typography—while leaving most layouts intact, so we can ship quickly without breaking user flow. Tech context • Core stack: semantic HTML, CSS, and JavaScript. • A handful of pages already run on React and TailwindCSS; skill here is a welcome accelerator, but plain CSS solutions are fine. • Light API wiring to our JS Backend endpoints may be needed, though no deep back-end work is in scope. What you’ll tackle • Re-skin shared UI components—buttons, tables, forms, nav—using the new colour scheme and type scale. • Apply styles to ±4 pages on a tool, matching the Figma spec or design idea. • Refactor or prune legacy classes so the stylesheet stays lean and conflict-free. • Verify responsiveness and cross-browser consistency (latest Chrome, Firefox, Safari + key mobile breakpoints). Brand guidelines I have an existing guide that covers logo, spacing and tone, but it’s flexible enough for practical improvements and subtle micro-interactions if you see opportunities. Deliverables 1. Updated CSS/SCSS (or Tailwind config) with clear comments. 2. Revamped React/HTML templates or components. 3. Changelog of removed/reworked classes and any helper utilities added. 4. Quick QA pack—before/after screenshots or a Loom walkthrough. Timeline Aiming for the first two pages within week one and full rollout in two weeks. All work goes through GitHub pull requests for code review. Share one comparable project and your earliest start date, and let’s bring this UI refresh to life.