I built the full Framer site for Contra Labs — Contra's platform for testing, scoring, and ranking AI models by actual creatives. The goal was a marketing site that matched the ambition of the platform: fast, polished, and ready before launch.

A standout element was the landing page pre-loader into HERO — a renaissance woman typing on a dithered keyboard, introducing the brand's core theme of digital renaissance before the page even fully loads.

Page-specific pre-loaders — each page opens with a unique, intricate animation that seamlessly blends into the HERO section, establishing tone before a single scroll. Intentional because first impressions on a brand this new had to be memorable.

Scroll-based animations throughout — dynamic, engaging motion tied to scroll across every page, keeping the experience alive without competing with the content.

Custom code interactions — Framer's native limits were pushed with custom code to create dynamic interactions that simply wouldn't exist otherwise.

Result: client very happy. On a tight timeline we built the original site, rebuilt key sections, added new pages, and shipped visual upgrades — all before launch.

🔗 See it live at contralabs.com

Timeline: March 2026 Scope: Full Framer Build / Custom Code / Scroll Animation / Page Pre-loaders

Looking to push Framer to its limits with custom interactions and animation? Let's connect.