Architecture firm website template
Atelier Norr
A quiet, gallery-like template for architecture practices, interior designers and design-led builders. Light Inter Tight headlines, mono captions and generous white space let project photography do the talking. Includes an editorial hero, captioned project grid, practice story, awards timeline, fee structures with project stages and a journal for long-form writing.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 38 sections · 20 photos
Design system
- Display face
- Inter Tight
- Body face
- Inter Tight
- Header · footer · images
- editorial · minimal · square
- paper
#F2F2EF - surface
#E8E8E4 - ink
#121212 - muted
#656561 - line
#CFCFCA - brand
#121212 - brandInk
#F2F2EF - accent
#B4442C
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 20 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Editorial hero
- Gallery
- Story
- Service list
- Timeline
- Logo strip
- Call to action
- Page header
- Team
- Stats
- Image + text
- Feature quote
- Pricing tiers
- Process steps
- FAQ
- Contact form + details
- Info bar
- Article grid
- Newsletter
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the architecture firm template
Will it work for an interior design studio?
Yes. Rename the services, swap the projects for interiors and keep the same quiet layout and captions.
Can I show more images per project?
Use blog posts as project pages with a dedicated category, or add further gallery sections on the work page.
Should architects list fees on their website?
Many clients appreciate it. The tiers work with percentages, fixed fees or hourly rates, or can simply say 'on request'.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the architecture firm website template guide.
