Skip to content

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

Use this template, freeLive preview ↗
  • 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. Homepreview ↗

    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.

More templates

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 freeBrowse all templates