DM I Standup
A northern-light wine house wanted their site to feel like the sky it is named after — so the whole brand became one continuous, scroll-driven horizon.
Six vintages, one sky. The old site sold bottles. This one had to sell a place.
Nordlys came with a strong identity and a website that flattened it: a template shop, product cards, no sense of the coastline the wine comes from. We rebuilt it around a single scrolling horizon — light shifts from dusk to aurora as you move down the page, and each vintage arrives as a change in that light rather than a new section.
The whole thing is one WebGL layer under ordinary, editable HTML. Nothing about the storytelling costs the client their ability to write.
FIG. 02 — THE VINTAGE VIEW INHERITS THE HORIZON'S CURRENT LIGHT INSTEAD.
One horizon
A single full-page canvas carries the light. Sections don't start and stop — they change the sky's temperature as they pass.
Type as terrain
Vintage names are set at display scale and clipped by the coastline, so the words sit inside the landscape instead of on top of it.
Editable underneath
Everything readable is plain HTML in the CMS. The effect layer degrades to a still gradient with no loss of content.
Fig. 05 — the horizon shader reacting to scroll velocity, captured in the staging build.
“People stopped asking what the wine tastes like and started asking where it comes from.”
