I will be your pixel perfect developer for your figma editorial designs
About this gig
Are you a designer tired of developers who ignore your margins and ruin your typography? Stop settling for slow, bloated websites that compromise your design intent.
I bridge the gap between Figma and a living website. I don't just "code"; I ensure every pixel, grid, and typeface stays 100% true to your vision while maintaining a 100/100 Lighthouse performance score.
My Technical Stack:
- Astro.js: Ultra-fast, static-first delivery.
- Tailwind CSS: Clean, scalable, pixel-perfect styling.
- Framer Motion: High-end, smooth editorial transitions.
- React/Next.js: For complex interactivity.
Why work with me?
- Editorial Eye: I understand visual hierarchy and the power of whitespace.
- Performance First: No bloat. Just clean code that loads instantly.
- Designer-Friendly: I speak your language: Figma, Layers, and Easings.
- SEO Optimized: High performance means better search engine rankings.
I specialize in:
- High-end Portfolio & Agency sites.
- Editorial-style Blogs and Content platforms.
- Interactive Landing Pages for premium products.
Lets turn your static designs into a high-performance reality.
Get to know Pedro Carreno
Frontend Engineer React, NextJS, Astro, Tailwind
- FromVenezuela
- Member sinceMay 2019
Languages
English, Spanish
FAQ
Does the website match my Figma design exactly?
Yes. My core specialty is Pixel-Perfect translation. I respect your grids, typography, hierarchy, and whitespace 100%. I am a developer who understands "design intent," ensuring your visual vision is never compromised by technical laziness.
Why use Astro.js instead of WordPress or a page builder?
For extreme performance. Astro ships zero JavaScript by default, guaranteeing a 100/100 Lighthouse score. This means instant loading, superior SEO, and a luxury user experience that bloated builders simply cannot match. Your design deserves the best speed.
What do I need to provide to get started?
I need your final Figma file link with "view" permissions. Please ensure your fonts and assets (images/icons) are organized. If you have animation prototypes or specific easing requirements, include them so I can replicate the exact timing.
What if my design has complex animations?
I love them! I use Motion and Animejs for high-end editorial transitions. For complex scroll-triggered or parallax effects, please select the "Advanced Animations" Extra or message me for a custom quote based on the complexity.
Do you offer post-delivery support?
Absolutely. I provide 7 days of free technical support to ensure a perfect deployment (hosting) and to resolve any minor bugs. My goal is for your site to run flawlessly from the moment it goes live.

