Figma-Tailwind Landing Page Build

Замовник: AI | Опубліковано: 19.01.2026

We are looking for an experienced Frontend Developer to convert a high-fidelity Figma landing page design into a production-ready, responsive webpage using Tailwind CSS. The goal is to achieve visual accuracy, clean structure, and responsive behavior, while following modern frontend best practices. This is a design-to-code implementation project, not a redesign or UI decision-making task. Scope of Work 1. Design Implementation Convert the provided Figma design into HTML using Tailwind CSS Maintain visual parity with the design on desktop Implement responsive behavior for tablet and mobile Use relative units and Tailwind breakpoints instead of fixed positioning 2. Layout & Structure Replace absolute positioning from design exports with: Flexbox CSS Grid Responsive containers Ensure consistent spacing, alignment, and section flow Page should adapt naturally to different screen sizes 3. Typography & Spacing Match font families, weights, and hierarchy from Figma Use Tailwind typography utilities Responsive font sizes for: Desktop Tablet Mobile Line heights and spacing must scale appropriately 4. Buttons & Reusable Components Create reusable Tailwind components for: Buttons Badges Section headers Cards Use consistent spacing and sizing tokens Avoid duplicate inline styles 5. Responsiveness Breakpoints to be handled using Tailwind: sm, md, lg, xl Mobile-first approach preferred No horizontal scroll on any viewport Images should scale responsively 6. Code Quality Standards Clean, readable HTML Tailwind utility-first approach (no inline CSS unless unavoidable) Semantic HTML where applicable No unnecessary wrapper divs Organized file structure Deliverables Fully responsive HTML page Tailwind CSS implementation All sections implemented as per design Reusable UI components Final build ready for integration into CMS or framework Out of Scope No UI/UX redesign No animation unless explicitly specified No backend or CMS integration No JavaScript-heavy interactions unless defined No pixel-perfect guarantee for every viewport size Acceptance Criteria Desktop closely matches Figma design Mobile and tablet layouts are clean and readable No fixed-width layouts No absolute positioning for layout purposes Code passes basic responsiveness and readability checks Required Skills Strong HTML & CSS fundamentals Tailwind CSS (advanced) Responsive design experience Experience converting Figma designs into code Attention to detail Check the rules doc before apply