CBG Framer Template

Motion for architecture studio

Created by: Yassine Bensada

$69

A Framer template for architecture and interior design studios to present their team, services, process, and projects. It includes CMS-driven project pages and a guided contact brief for prospective clients.

About this template

CBG is a Framer template for architecture and interior design studios, built on a four-column grid and the golden ratio. Every page follows the same calm system: sections slide over each other like sheets of paper, headlines move with subtle living letters, and the Fibonacci spiral unrolls into your process timeline as visitors scroll.

Pages

Home: hero with film preview, About with animated stats, Team, Services with a pinned image stack, Process, Projects, FAQ and footer

Project pages from the CMS: full-screen cover, facts and materials, a three-chapter story, a before/after slider for renovations and next-project links

Contact: a guided four-step brief and a studio section with a line-drawn map

Details

Page transitions drawn on the grid columns

Custom cursor that becomes “View” over projects and “Drag” over the slider

Header that adapts to light and dark sections and folds into a menu on scroll

Fully responsive on desktop, tablet and phone

Reduced-motion support and keyboard-friendly controls

Easy to edit Every section is a component you edit from Framer’s properties panel: change text, swap images, add team members, services or FAQ questions, and toggle animations, all without touching code. Add a project to the CMS and its page is created automatically. Forms work out of the box: the contact brief opens the visitor’s email app with their answers, or connects to a form service like Formspree.

Good to know Sections are edited through their settings rather than rebuilt by dragging layers, and colors are set in the code. The home page project list is updated alongside the CMS. Font: Apfel Grotezk (free, by Collletttivo).

Included Pages

  • Home: hero with film preview, About with animated stats, Team, Services with a pinned image stack, Process, Projects, FAQ and footer
  • Project pages from the CMS: full-screen cover, facts and materials, a three-chapter story, a before/after slider for renovations and next-project links
  • Contact: a guided four-step brief and a studio section with a line-drawn map

More from Yassine Bensada

View all

More Architecture Templates

View all

More Portfolio Templates

View all

More Creative Templates

View all

More Animated Templates

View all

More Services Templates

View all

More Minimal Templates

View all