Maison Architect is a Framer template for architecture and interior design studios that plan homes, hotels and workplaces. It is calm and editorial: white pages, dark brown text, large type in one typeface and plenty of room around every photograph.
The home page
On the first visit, a loader counts from 0 to 100 next to the studio name, tagline and city, then lifts away. Behind it is a full-screen hero: a muted looping video, a still image while the video loads, and a headline that rises word by word.
A short About statement leads into Why Maison?, with a moving line of values such as Timeless Design and Natural Light. Selected Projects shows six projects with their name and type. Our approach walks through six steps, from Discovery to Completion, each with a short line, its own photo and a 01 / 06 counter. Five studio figures follow, each paired with a photo. Then come a grid of client logos, four client stories that crossfade every six seconds with arrow buttons, the three latest journal articles, an FAQ with six questions on scope, timing and fees, and a closing Start a project call to action.
The footer lists phone, email, social links, address and hours, and ends with the studio name as a large wordmark that rises letter by letter.
Work and case studies
The Work page lists every project as a row: its name in large type next to a strip of five photos of different heights. Each case study opens with who commissioned it, the type, the date and the city, then a full-width cover and a short summary with the area, services, status and partners.
The rest of the page is the photo story: short paragraphs set between six photographs, arranged in one of six editorial layouts. The layout is a field in the CMS, so two projects side by side do not have to look the same. A Next project link at the end leads to the following case study.
- Studio: an opening statement and photo, your mission, a founder section with a bio, the studio figures, five services with a photo and one line each, the approach steps, an awards table by year, and a team grid of eight portraits with names and roles.
- Journal: a featured article with its summary and reading time at the top, then every other article with its category and date. Article pages open with the author, reading time, category and date, run long-form text with subheadings and an inline photo, and end with three more articles under Keep reading.
- Contact: three enquiry lines for general questions, new projects and press, a photo, an offices table with six cities, addresses and hours, and a form for name, email, project and message.
- Privacy, Imprint and 404: placeholder legal text ready for your own details, and a short not found page with a link back home.
Easy to make your own
The content lives in six CMS collections: Projects, Insights, Services, Team, Awards and Offices. Each project picks its photo layout with a Layout field, and every image has its own alt text. Adding a project puts it on the Work page, in Selected Projects and in the Next project chain; adding an article puts it in the Journal and the home page Insights.
A Styleguide page shows every color token, text style and component, with the breakpoints and motion rules. The opening loader and the smooth scroll each have an on and off toggle, and smooth scrolling stays off for visitors who ask for reduced motion. Two Framer Skills work inside Framer AI: /customize walks you through your name, contacts, projects, images and SEO, and /design-system keeps new sections in Maison’s style.
What’s included
- 11 pages: Home, Studio, Work, Project, Journal, Article, Contact, Privacy, Imprint, Styleguide and 404
- Two Framer Skills:
/customize and /design-system
- A 0 to 100 opening loader and smooth scrolling on desktop, each with an on and off toggle
- A full-screen video hero with a still image while it loads
- Six editorial photo layouts for case studies, picked per project in the CMS
- Six CMS collections: Projects, Insights, Services, Team, Awards and Offices, with six sample projects and six sample articles
- Home sections for projects, approach, studio figures, client logos, client stories, insights and FAQ
- A Studio page with mission, founder, services, awards and team
- A Journal with a featured article and long-form article pages
- A Contact page with enquiry lines, an offices table and a project form
- Word-by-word headline reveals, a slight image zoom on hover, pages that fade in as they load and a footer wordmark that rises letter by letter
- Responsive layouts for desktop, tablet and phone
- SEO ready, with titles, descriptions and social images per page
Set in Inter Display. Remix it in Framer, swap in your content, then publish.
