---
title: "Halvorsen Bureau | Erkam Demirci — Full Stack Developer"
description: "A Nuxt 4 + Vue 3 reconstruction of an architecture bureau site: three.js-driven image surfaces with KTX2 textures, GSAP 3 page transitions, Lenis scroll, per-route stylesheets generated from the capture, and sixteen routes prerendered from a frozen content snapshot with no CMS at runtime. Fresh-load and client-navigated states were compared separately because the two differ on the original."
canonical_url: "https://erkamdemirci.com/projects/halvorsen"
last_updated: "2026-09-02"
language: "en"
---

# Halvorsen Bureau

> A Nuxt 4 + Vue 3 reconstruction of an architecture bureau site: three.js-driven image surfaces with KTX2 textures, GSAP 3 page transitions, Lenis scroll, per-route stylesheets generated from the capture, and sixteen routes prerendered from a frozen content snapshot with no CMS at runtime. Fresh-load and client-navigated states were compared separately because the two differ on the original.

- Project: Halvorsen Bureau
- Type: Architecture Studio Site
- Role: Front-end Reconstruction

## Project Overview

## Geometry exact at three widths

Every tracked section matches the reference position and height within a pixel at 768, 808 and 1440; the worst page-height delta across routes is two hundredths of a percent.

## Transitions measured on a clock

The page transition and first paint were frame-traced rather than screenshotted, because a static comparison cannot see jank, and each turned out to hide a defect that the trace exposed.