Kerfa Framer Template
For architecture practices
$79
A website template for architecture and interior practices to present projects, people, and practice information. It features a 3D section-cut museum on the home page, project pages, a process drawing set, and an enquiry form.
Categories
About this template
Kerfa is a website template for architecture and interior practices.
Scrolling cuts the building open. A cutting plane moves down through a 3D museum one floor at a time, the cut faces drawn as hatched poché with an orange edge, while beside it the plan of each floor draws itself from the same model, so plan and model always agree. The title block changes sheet number as the cut passes each level, under a low late-afternoon sun.
Every page sits inside a drawing sheet with a title-block footer: projects are sheets, the process is a drawing set A-000 to A-500.
Pages
Home: the section-cut hero, project register, practice statement, process drawing set and enquiry
Projects and a page per project (CMS)
Practice with people and awards, Contact with a line-drawn location plan, and a 404: "Sheet not found"
Included: Projects and People CMS collections, a project card that swaps model for plan on hover, navigation with a phone drawer, buttons, form states, and desktop, tablet and phone layouts.
Limitations: your projects go in as images; changing the 3D building on the home page means editing the component code. It needs WebGL.
Buying: after checkout you get the remix link instantly, on screen and by email.
Included Pages
- Home: the section-cut hero, project register, practice statement, process drawing set and enquiry
- Projects and a page per project (CMS)
- Practice with people and awards, Contact with a line-drawn location plan, and a 404: "Sheet not found"
More from John Nicholson
View allClavra
Clavra is an access-security and identity software website template for teams managing just-in-time access, privileged access, identity governance, and access reviews. It presents access requests, risk signals, permission changes, and audit activity, with pages for integrations, customers, pricing, and demo requests.
Gloam Studio
A dark website template for AI automation agencies, with interactive sections that explain services and capabilities, showcase client work and team members, and present pricing and FAQs.
Rendershelf
A portfolio template for 3D artists, motion designers, animators, and other creatives to present their work through rendered scenes, project breakdowns, and looping animations.
More Architecture Templates
View allLAND GRACE [JP]
null
Allia Berfe
Allia Berfe is a premium Framer template for independent designers, creative studios, branding agencies, and multidisciplinary practices to showcase projects, case studies, services, awards, and collaborations with an editorial aesthetic, responsive layout, and refined interactions.
Landora Garden
Landora is a premium Framer template for landscaping and gardening businesses, offering modern, nature-inspired layouts, conversion-focused sections, project showcases, and responsive design to help professionals generate leads and showcase their services online.
More Portfolio Templates
View alldom
A refined portfolio template for architecture and design studios. Built to present projects with clarity, rhythm, and atmosphere, focusing on spatial storytelling, structure, and visual restraint.
Archslab
A photography-led website template for architects, interior designers, landscape studios, and design-build firms. It presents projects, practice information, journal posts, awards, and enquiry details in a drawing-set-inspired format.
ShineSpace
ShineSpace - A modern, eye-catching Framer template for social media influencers to showcase their personality, grow their audience, and attract brand collaborations.
More 3D Templates
View allLaunchdial
A pre-launch and waitlist template for startups, app makers, and hardware product teams. It features an interactive 3D television hero, referral signup map, launch counter, timeline, and product drawing to introduce an upcoming product and collect signups.
Desinnet
A portfolio template for 3D artists, designers, and creative studios to showcase projects, services, team members, and pricing. It includes CMS-managed content, animated 3D visuals, project pages, and contact pages.
Vantrel
A 3D-driven Framer template for aerospace, defense, robotics, and deep-tech hardware companies to showcase physical products in motion. It features a scroll-driven aircraft scene with moving terrain, a tracking overlay, and optional keyboard steering.
More Animated Templates
View allLiftoff Kit
A responsive, CMS-powered marketing site for SaaS founders, startups, and agencies. It includes pages for product marketing, pricing, customers, a blog, changelog, integrations, and careers, with subtle animations and reduced-motion support.
Tripleo
Tripleo is a responsive Framer travel template for agencies and tour operators, showcasing destinations and curated journeys with CMS-powered content, smooth animations, and conversion-focused structure to inspire travelers and drive bookings.
Paws Clinic
A responsive Framer website template for veterinary clinics and other health practices. It includes pages for treatments, team, first visits, fees, contact, and FAQs, with CMS-managed treatment and team content and a working contact form.
More Creative Templates
View allMy Portix
A modern, minimal portfolio template for designers, freelancers, and digital professionals. Featuring CMS-powered projects, blogs, and products, it enables seamless showcase of work, personal branding, and digital offerings with responsive layouts and SEO optimization.
Exotica
Exótica is a bold and minimal portfolio template for creatives. Its scroll-based layout, strong typography, and modular design make it easy to showcase your work with clarity, personality, and full customization.
Tello
Tello is a bold and modern Framer template for digital creative agencies. Showcase services, highlight projects, and build a high-impact online presence with clean design, smooth animations, and effortless customization.





