The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Extra Olives needed a pixel-accurate, fully responsive Framer site built from their existing Figma designs.
The goal: translate their brand identity into a fast, polished, and visually consistent website, without compromising a single detail from the design vision.
Figma + Framer
Amazing work🔥
How close did the final build end up matching the Figma file pixel for pixel? With that footer row of client logos I'd guess something always needs to flex a little between design and a live responsive build, curious if that held true here.
Running the client-logo row directly under the value prop instead of scrolling it further down does a lot of work here - Red Bull and McKinsey sitting right below "we develop identities for hospitality brands" answers the credibility question before anyone has to ask it.
Great work @Hakeem Framer
great design with beautiful layout
Really clean execution. Love seeing Figma designs translated into Framer without losing the small details. The responsive polish is where most builds usually fall apart.
Great work🔥
Super unique man great job!! 🎉
Amazing!
Really nice work.
Pixel-accurate and fully responsive usually pull against each other, so the real craft here is whether you rebuilt those Figma frames as Framer stacks rather than pinning absolute positions. That is what keeps the spacing honest once it leaves the desktop breakpoint.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Redesigning Senses started with one question:
How can a wellness brand feel trustworthy without feeling clinical?
The answer became a system built around contrast: precise typography and packaging, paired with tactile photography, natural textures, and motion.
Beautiful work 😍
Boom! 🚀 Just dropped the full case study for Runfluence on my Contra portfolio! So pumped to finally share the complete breakdown of this brand launch! 🔥💥
We had the incredible opportunity to build a high-octane, bilingual visual identity from the ground up—capturing the grit, velocity, and community spirit of urban running culture. From crafting motion-heavy art direction to engineering a dual English/Arabic typographic hierarchy and custom athletic gear, this project was pure dynamic energy from start to finish.
I'd deeply appreciate your support! Take a look, drop a comment, or leave a like to let me know your thoughts. 👇✨
Looks GREAT 🔥
I really love the direction of this motion design project
What your favorite?
I really wish to understand how do we make sass based motion design projects?
