Atlas Architecture Studio
An architecture studio website template: a portfolio of twelve projects with a page each, the studio's people and way of working, and contact by email.
Designed for
- Architecture studios that win work on their built projects
- Interior design practices with photographed rooms to show
- Landscape and urban design offices with a project list
- Small design partnerships presenting partners and a team
Key highlights
- Twelve project pages with facts and photographs
- Mixed-size project grid with one featured double
- Filters for Houses, Hospitality and Workplaces
- Hover reveal of a project's name and place
- Eight team portraits with roles
- Five sections on the way of working
- Awards and publications as a plain list
- Contact by email and phone, no form
- Hero statement that reveals word by word
About this template
Atlas is a website template for an architecture and interior studio, built as a portfolio: the work first, the people behind it second, and one way to get in touch. The demo presents a studio of eight in Copenhagen working on houses, restaurants and small offices, with architectural photography in one cool tone across every page and oversized statements set against quiet serif paragraphs.
The home page opens on a full-bleed photograph of a finished house with the studio's statement set into it, then a mixed-size grid of eight projects, a full-width photograph of a site in progress, the studio in three short paragraphs beside a portrait of the partners, four client words set large, and an invitation to write. Work lists twelve projects with a filter row (Houses, Hospitality, Workplaces). Each project page carries a full-bleed opening photograph, the name, place and year, a facts column (client, year, size, role, collaborators), two paragraphs, six to eight photographs in an alternating layout with one spanning the full width, and links to the previous and next project. Studio introduces the partners and six team members with portraits and roles, explains the practice in five sections, and lists awards and publications by year. Contact holds the address with a map, email, phone and Instagram. The footer repeats the contact details on every page.
To make it yours, describe your studio in a chat with Firevibe: your name, city and contact details, your projects with their facts and photographs, your people with their portraits, and your own words for the statement, the studio story and the client quotes. The structure stays; the content becomes your practice.
Best use cases
Residential architecture studio
The Houses filter and six house projects in the demo show how a residential practice presents each commission: the client, the floor area, the role, the collaborators, and the photographs in order.
Hospitality interior practice
Restaurant and cafe interiors sit under their own filter, with project pages that describe seating, joinery, lighting and how guests use the rooms.
Workplace design office
Office and studio projects have their own category, and the facts column fits the data such clients ask for: size, role and the team involved.
Architecture partnership
The Studio page is built around named partners and a team with portraits, five sections on the method, and a list of awards and publications, the material a partnership is judged on.
How it works
Use the template
Sign up or log in, and the template's code is copied into a new project of your own. The site is served right away, at its own address.
Change it by chat
Describe what you want different: the words, the images, the pages, the colors. Firevibe edits the code and the preview updates.
Publish
Put the site live on a firevibe.dev address, or connect your own domain.
Features
Word-by-word hero statement
The studio's one-line statement reveals word by word over the opening photograph as the page loads.
Hide-and-return header
The thin header with Work, Studio and Contact hides on the way down and returns on the way up, so the photographs keep the whole screen.
Pointer-aware project tiles
On hover a tile's photograph drifts a few pixels toward the cursor and the project's name and place slide in.
Mixed-size project grid
Eight projects on the home page and twelve on Work sit in a grid with one featured double, never a row of equal cards.
Category filters
Work filters the twelve projects into Houses, Hospitality and Workplaces with a soft reflow.
Project facts column
Every project page lists client, year, size, role and collaborators beside the written account.
Alternating photograph layout
Project photographs alternate sides down the page, one spans the full width, and each fades in as it enters the view.
Previous and next projects
The foot of every project names the neighbouring projects so a visitor reads the whole portfolio without returning to the grid.
Team portraits and method
The Studio page shows the partners and the team with real portraits and roles, and the way of working in five short sections.
Contact without a form
The Contact page carries an email button, the phone, Instagram, the address and a map; the footer repeats them on every page.
More portfolio templates
See all
Isla Rey Music Artist SiteA music artist website template: a fixed sidebar and a masonry wall that comes up in colour on hover, release pages with tracklists, tour dates and press.
June Ferreira Wedding PhotographyA wedding photographer's portfolio template: every wedding is a film you scroll through sideways, three priced collections, the photographer, enquiry by email.
Ortensia Interior Design StudioAn interior design studio portfolio template: twelve projects as pages with facts and photographs, a scroll-driven material strip, three services with fees.Like what you see? Make it yours.
Start for free