--- title: "Architecture Studio Portfolio Website Template" description: "A single-page portfolio template for an architecture studio, featuring a horizontal project gallery, process story, team section and plot enquiry form." url: https://canvasbuilder.co/templates/portfolio-website/architecture-studio last_updated: 2026-11-06 --- Official template · Portfolio Website # Architecture Studio The Architecture Studio template is a single-page portfolio website for Halvorsen Studio, an Oslo practice designing timber houses and small public buildings. It includes six featured projects, a project index with photo previews, a three-part studio process, a four-person team introduction, contact details and a plot enquiry form. by Canvas AI Team · Updated 6 November 2026 [Use this template, free](https://canvasbuilder.co/use-template/architecture-studio) [Live preview ↗](https://architecture-studio.cnvs.site) - 1 page - 8 sections - editorial style - HTML + Bootstrap 5 architecture-studio.cnvs.site/ ## About this template The page opens with the statement “Timber buildings, drawn slowly. ” A rising hero headline leads into a pinned horizontal gallery containing six projects, each identified by name, year and place. A project index follows, with project photographs revealed as names are hovered. The layout uses an editorial structure and a white and pale gray palette with near-black text and muted moss green accents. The “From brief to build” section uses a sticky three-chapter process. One photograph remains fixed while chapters about the brief, 1:50 model and on-site build move past it, with the image changing to match each stage. The page then introduces the studio statement and its four-person team before ending with contact information and a plot enquiry form. Bodoni Moda and Schibsted Grotesk provide the typographic pairing. The single-page site presents six timber projects through a horizontal work gallery and a project index with photo previews. It explains the studio process from brief and 1:50 model to on-site build, introduces the four-person team, and includes a plot enquiry form. The editorial layout uses a very white and pale gray palette, near-black type, and a muted moss green accent. Bodoni Moda and Schibsted Grotesk frame the content, with rising hero text, horizontal scrolling, hover reveals, a sticky three-chapter process, and popover project cards. ## What's included: 1 page 1. ### Home[preview ↗](https://architecture-studio.cnvs.site/) Halvorsen Studio is an Oslo architecture practice designing timber homes and small public buildings, from the first brief to the last board on site. Sections: Six buildings, one material · Project index · From brief to build · The four of us · Tell us about the plot ## Design - **Fonts**: Bodoni Moda, Schibsted Grotesk - **Style**: editorial - **Colours**: #5b6b3f #ffffff #f6f6f3 #121412 #5e625c #e3e4de - **Interactive parts**: kinetic text, horizontal scroll, hover reveal, sticky steps, popover cards ## Who it's for - an architecture studio presenting timber projects - a residential architect showcasing completed homes - a practice highlighting its design and build process - a small public architecture consultancy - a studio seeking plot or project enquiries ## The prompt behind it Canvas Builder built the first version of this site from this prompt: > Single page for Halvorsen Studio, an architecture practice in Oslo designing timber homes and small public buildings. Calm, editorial and very white, with near-black type and one muted moss accent. Hero: an oversized headline whose words rise in gently on load. A pinned horizontal gallery of six projects (name, year, place) that slides sideways as you scroll. A project index where hovering a project name previews its photo. A sticky story where one photo stays fixed while three chapters scroll past and swap it: the brief, the model, the build. Studio statement, team of four, contact. ## How to make it yours 1. Click "Use this template". It is copied into your projects for free. 2. Tell the AI what to change: your business name, copy, colours, photos or pages. 3. Publish to a free cnvs.site address or your own domain, or download the HTML. ## Questions **Which projects are featured in the portfolio?** The gallery presents six timber projects. Each entry includes its name, year and place, while the project index adds hover previews of project photographs for quicker browsing. **Does the template explain how the studio works?** Yes. A sticky three-chapter section follows the studio’s process from the first brief and a 1:50 model through to the on-site build. A fixed photograph changes as each chapter moves into view. **What information is included about the studio team?** The page introduces the four-person team behind Halvorsen Studio. This sits alongside the studio statement and gives visitors a clear view of the people responsible for the featured timber buildings. **Can visitors make a plot enquiry?** Yes. The single-page template ends with a “Tell us about the plot” contact form. It gives families, municipalities and other prospective clients a direct way to submit an enquiry about their site. **Is the Architecture Studio template free?** Yes. Copying it into your Canvas Builder projects is free. You only spend credits when you ask the AI to change something, and you can download the finished HTML for free. **How many pages does Architecture Studio include?** 1 page: home. You can ask the AI to add, remove or rename pages after you copy it. **Do I need to code to customise it?** No. Describe the change in chat, for example "use my business name and colours", and Canvas Builder rewrites the HTML for you. The output is clean Bootstrap 5 HTML if you do want to edit it by hand. **Can I publish it on my own domain?** Yes. Publish it to a free cnvs.site address in one click, or connect your own domain on a paid plan. You can also download the HTML and host it anywhere. **Is it mobile friendly?** Yes. The template is built on the Canvas HTML template and Bootstrap 5, and every page is laid out for phones, tablets and desktops. - **Author**: Canvas AI Team - **Pages**: 1 - **Category**: [Portfolio Website](https://canvasbuilder.co/templates/portfolio-website) - **Price**: Free - **Published**: 6 November 2026 [Use this template](https://canvasbuilder.co/use-template/architecture-studio) No ratings yet Sign in to rate this template: Built something you're proud of? Share it in the Customer Showcase. You earn 5 credits each time a paying user copies it and edits their copy, with no monthly cap. [How creator rewards work →](https://canvasbuilder.co/templates#creator-rewards) - architecture studio - timber buildings - editorial portfolio - horizontal gallery - process storytelling - project index - minimal design ## More templates - ### [Juno Reyes Creator Site](https://canvasbuilder.co/templates/portfolio-website/juno-reyes-creator-site) by Canvas AI Team 5 pages 1 copy - ### [Volunteer Opportunities](https://canvasbuilder.co/templates/nonprofit-website/volunteer-opportunities) by Canvas AI Team 1 page - ### [Car Rental Service](https://canvasbuilder.co/templates/travel-website/car-rental-service) by Canvas AI Team 1 page ## Want something different? Describe your site in plain English and Canvas Builder builds a new one for you, or start from any template and change it in chat. [Start building free](https://canvasbuilder.co/signup) [Browse all templates](https://canvasbuilder.co/templates)