Noir & Forma is a concept interior design studio website built from scratch using the Framer 3.0 Agent during this hackathon. The goal was simple, prove that the Agent can produce a production-quality, animation-rich website in a single session without touching a line of code manually.
The site features a cinematic preloader, a full-bleed hero with scroll zoom, a sticky scroll section where four room variants (Living Room, Bedroom, Kitchen, Study) transition as you scroll, image, headline, and accent color all shifting in sync. There is a horizontal scroll work gallery, an about section with counting stats, a three-step process section, and a warm playful footer with a continuous marquee and illustrated personality.
Every animation from the staggered headline entrance to the scroll-driven room transitions was directed through natural language prompts to the Framer Agent. No plugins. No external tools. Just the Agent, the canvas, and intentional design decisions.
What Framer 3.0 Agent features were used:
— Page design and layout generation
— Scroll-linked animations and sticky sections
— Component interactions and hover states
— CMS connection for dynamic content
— Breakpoints and mobile responsiveness
— Iterative refinement through natural language prompts
Noir & Forma is a concept interior design studio website built from scratch using the Framer 3.0 Agent during this hackathon. The goal was simple, prove that the Agent can produce a production-quality, animation-rich website in a single session without touching a line of code manually.
The site features a cinematic preloader, a full-bleed hero with scroll zoom, a sticky scroll section where four room variants (Living Room, Bedroom, Kitchen, Study) transition as you scroll, image, headline, and accent color all shifting in sync. There is a horizontal scroll work gallery, an about section with counting stats, a three-step process section, and a warm playful footer with a continuous marquee and illustrated personality.
Every animation from the staggered headline entrance to the scroll-driven room transitions was directed through natural language prompts to the Framer Agent. No plugins. No external tools. Just the Agent, the canvas, and intentional design decisions.
What Framer 3.0 Agent features were used:
— Page design and layout generation
— Scroll-linked animations and sticky sections
— Component interactions and hover states
— CMS connection for dynamic content
— Breakpoints and mobile responsiveness
— Iterative refinement through natural language prompts
