Back to projects
MarketingAgencyLive
Positivus
A professional landing page designed for a digital marketing agency featuring a clean layout and smooth navigation.
Pixel-perfect Figma-to-code build of a digital marketing agency landing page — hero, services, case studies, pricing, testimonials, and a contact form. Fully responsive, mobile-first, built with Next.js + Tailwind.
Case study
- Problem
- Translating a tight Figma spec into responsive code without leaking visual drift is its own discipline. Wanted a focused exercise in pixel-accurate Figma-to-code, including the awkward in-between breakpoints designers usually don't draw.
- Approach
- Built section by section against the Figma file — hero, services, case studies, pricing, testimonials, contact. Mobile-first with Tailwind utilities mapped to the Figma design tokens; fluid typography for the gaps between defined breakpoints.
- Outcome
- Pixel-accurate at the original breakpoints and degrades cleanly down to mobile. A useful reference for landing-page work where the spec is tight and the brand bar is high.
Tech stack
Next.js
Tailwind CSS
Framer Motion
TypeScript