Hi everyone, I just published Maison, a new template on the Framer Marketplace.
It is built for architecture and interior design studios that want their work to feel calm and considered, with plenty of room for photography.
A few parts I enjoyed building:
- Six editorial photo layouts for project pages, picked per project from the CMS, so every case study reads differently
- Headlines that rise word by word as you scroll, and a soft zoom on project and team photos
- An awards table grouped by year, fed by the CMS
- A Journal set for long reading, with subheadings, pull quotes and images in a centred column
- An opening loader that counts to 100 on dark brown, then lifts away to a full-screen hero video
- Testimonials that crossfade on their own
It also comes with built-in Framer Skills. Type /customize in Framer AI to swap in your name, contacts, projects and images step by step, or /design-system to keep new sections in the template's style. The Styleguide page shows every token, text style and component.
Live preview: https://maisonarchitect.framer.website/
I'd love to hear what you think, and I'm happy to answer questions about how it's put together.
Hi everyone, I just published Maison, a new template on the Framer Marketplace.
It is built for architecture and interior design studios that want their work to feel calm and considered, with plenty of room for photography.
A few parts I enjoyed building:
- Six editorial photo layouts for project pages, picked per project from the CMS, so every case study reads differently
- Headlines that rise word by word as you scroll, and a soft zoom on project and team photos
- An awards table grouped by year, fed by the CMS
- A Journal set for long reading, with subheadings, pull quotes and images in a centred column
- An opening loader that counts to 100 on dark brown, then lifts away to a full-screen hero video
- Testimonials that crossfade on their own
It also comes with built-in Framer Skills. Type /customize in Framer AI to swap in your name, contacts, projects and images step by step, or /design-system to keep new sections in the template's style. The Styleguide page shows every token, text style and component.
Live preview: https://maisonarchitect.framer.website/
I'd love to hear what you think, and I'm happy to answer questions about how it's put together.