Install
All work

06 / 08 · Hospitality

Halden

A fourteen-room hotel on a Norwegian fjord with a sauna on the water and a twenty-seat farm kitchen. Open March to November. No photographs.

Direction
06 · Cinematic Place
Register
Confident
Default look
2 of 6 traits
Length
13 screens
Halden: the first screen of the build
Audited0 fail · 0 warnOpen the live build

The spine

Written by the agent before any code, and kept at the top of the build’s HTML.

DIRECTION
6 Cinematic Place. Halden sells a place and an evening to design-literate travellers; the landscape is the hero and booking is never more than one click away.
REGISTER
Confident. One bold device at full scale: a 3-ink woodcut of the fjord that fills every viewport and changes its light as you scroll (dusk, night, light night, dawn). Everything else is disciplined: one grotesk at 200, one italic for kickers, one ember.
AXES
ground tinted dark (fjord-night blue-black #070C18, shifting to dusk indigo #161A33 and light-night slate #15293C) · type genre hairline/light giant grotesk (Albert Sans 200 at 166–320px, lh .8–.86) · image medium 3-ink linocut illustration in SVG (night, fjord blue, ember, with carved paper) · composition poster (one statement per viewport, the landscape as stage) · motion cinematic scrub (time of day + camera dolly and tilt across 7 parallax planes, sticky posters, Lenis)
DEFAULT LOOK
2/6 matched (light display weight, one accent) → DIFFERENT FROM DEFAULT BY: ground (tinted dark, not paper), labels (no mono; sentence-case grotesk + italic serif kickers), no hairline metadata bands, image medium (filled woodcut planes, not a line drawing), composition (poster), motion (scrub)
MOTIF
ember light on dark water. 1 logomark: a sun setting into three carved water lines · 2 hero: the sun's carved reflection column · 3 sauna: the sauna window and its reflection as the camera dollies in · 4 rooms: fourteen windows light one by one · 5 season: daylight hours per month as stacked ember gouges (data) · 6 the Book button is filled with the ember of the current hour
TYPE
display Albert Sans 200 · text Albert Sans 400 · kicker Cormorant Garamond 500 italic (kickers and the day dial only)
PALETTE
ground --night #070C18 (dusk #161A33, light night #15293C) · ink frost #E8EEF1 · ink-2 @78% · ink-3 @66% · hairline @12% (fields only) · plane ink fjord #1D2B45→#50708C (illustration only) · accent ember #E9926B→#F2A85E→#EFD08D, ONLY on the Book button and as light in the woodcut
HERO
H5 monumental word over subject, inverted: "Halden" at 320px stands in the sky with its feet behind the far ridge; kicker above; subline + 2 CTAs top right
IMAGERY
illustration. 7 woodcut planes: stars + moon · carved sky glow, sun, snow plateau · far massifs · fjord walls with a waterfall · water with reflections · shore with house, jetty, sauna, spruce, birch · foreground grass
MOTION
house ease cubic-bezier(.16,1,.3,1) · in-out (.76,0,.24,1) · UI 200ms · reveal 900ms word blur-in · scrub linear, smoothstepped between chapter keyframes · Lenis lerp .085
SIGNATURES
monumental word behind the subject (the word stands in the ridge) · lights-up (windows light as night falls) · live fjord clock with today's sunset
CONVERSION
Book a stay → fixed masthead button (always visible, every breakpoint), hero primary, finale primary, footer; opens a booking dialog (dates, guests, room) with a closed-season check
VOICE
"The fjord is the cold plunge." · "June has no night." · "The fire is lit at four."

Palette

  • #070C18
  • #161A33
  • #15293C
  • #E8EEF1
  • #1D2B45
  • #50708C

Every screen

01 / 08 · drag or scroll

  • Halden, screen 1 of 8
  • Halden, screen 2 of 8
  • Halden, screen 3 of 8
  • Halden, screen 4 of 8
  • Halden, screen 5 of 8
  • Halden, screen 6 of 8
  • Halden, screen 7 of 8
  • Halden, screen 8 of 8

On a phone

390 pixels wide. Recomposed, not shrunk.

Halden on a 390-pixel phone