Halden: website template

An editorial homepage for architecture and design studios, built around the work.

Price: $79, one-time payment. Buy Halden · Live demo

Halden: HeroHalden: Word morphHalden: PracticeHalden: Process layers

About Halden

Halden is a homepage template for architecture and design studios. It opens on a sticky sequence of five projects, each one uncovering the last, then moves through a manifesto, a project index, practice, process, awards and the studio itself across twelve sections.

Every visible string lives in one content file, colour and type are a handful of tokens, and the site exports to static files you can upload anywhere. The demo studio, its people and projects are fictional, ready to be replaced with yours.

Perfect for

  • Architecture studios
  • Interior designers
  • Landscape architects
  • Design practices

Features

  • Five-project hero. A sticky scroll sequence where each project uncovers the last, with previous and next image peeks.
  • Word morph. A pinned signature moment: an outlined word wipes into a solid one over drawn contours. VOID becomes FORM by default.
  • Project index. Large rows with a preview that trails the cursor, and inline images on touch screens.
  • Process layers. A pinned isometric stack that assembles layer by layer as you scroll.
  • One content file. Studio details, projects, awards, clients and team are all edited in a single file.
  • Accessible motion. Reduced-motion settings turn off pinning and scrubbed sequences, and every hover has a focus or touch equivalent.

What's included

  • Full Next.js source code
  • Static export, upload to any host
  • One content file for all copy
  • Responsive image pipeline (AVIF and WebP)
  • README with re-skin guide

Details

  • Industry: Architecture & build
  • Version: 1.0.0
  • Last update: September 2026
  • Built with: Next.js 15, React 19, GSAP 3, Lenis
  • Files: TypeScript, React, CSS
  • Licence: Single site