KYLENESS. The page scrolls, the North Sea holds perfectly still.
- A fictional 3,435 megawatt offshore wind farm off the Northumberland coast, eight pages built to the register the real developers publish in.
- The signature is the scroll window: full bleed North Sea imagery that holds perfectly still while the page slides over it, measured at 0.00 pixels of drift.
- The hero is a ten second storm sea film that loops by running forwards then backwards, so the join costs nothing and cannot be seen.
A studio concept by Hammer & Pixel
KYLENESS is an invented brand, built as a studio concept. No wind farm exists and no power is sold. We build self initiated concepts to show our approach where client work cannot: the project is fiction, the brief is real, and so is every line of the build.
The brief
Offshore wind is a story told at national scale: gigawatts, thousands of jobs, a coastline changed for a generation. The developers' own sites carry that weight with one device above all, full screen imagery the visitor moves through. It is the right instinct, and on a phone it falls apart. We tested the flagship reference and watched its signature device stutter and slide on a narrow screen.
So the brief was simple to say and hard to do. Build the same confident, institutional register, keep the full bleed imagery, and hold it perfectly still on every screen made.
Then prove it. A device that almost works reads worse than no device at all, so stillness had to be a measured number, not an impression.
The concept
Text, window, text. The page alternates between quiet copy on paper and full bleed windows of the North Sea, and as you scroll, the sea does not move: the page slides over it like a card over a photograph. Twenty one windows carry the device across eight pages, from a monopile lift at first light to the harbour town the project funds.
The hero had its own problem. The best storm frame produced the best motion, but the camera descends through the clip and never returns, so it cannot loop. Rather than pay for another roll, the clip runs forwards then backwards: on storm water the reversal does not read, and the join costs nothing.
The register carries through the quiet pages. The community fund, the fisheries liaison group and the careers programme are all written plainly, prices are in pounds, and the fiction is disclosed in the footer of every page.
The specification
- Eight static pages, hand coded, British English, no framework
- 25 imagery slots, every frame generated for this build, nothing reused
- 21 scroll windows, each measured for drift and contrast at both widths
- Ten second 1920 by 1080 hero film at 1.9MB, forwards then backwards, no audio
- Poster frame, and a still path for visitors who ask for reduced motion
- Share card, canonical addresses and Organization structured data
- Every tap target at or over the 24 pixel accessibility floor
- Link gate: 453 internal targets resolved on the shipping build, none broken
- Contrast read from the rendered page, worst measured point 5.93 to 1
What Hammer & Pixel built
- The full eight page site: the project, construction, community, supply chain, careers, news and contact
- The window engine: full bleed media pinned dead still while the page scrolls, on phones as well as desktops
- The hero pipeline: a picked storm frame, a motion pass, and a boomerang loop with its seam measured before it shipped
- The window gate: an automated rig that walks every window at both widths and fails the build on a single pixel of drift
- The share layer: card, favicon set, canonical addresses and structured data across all eight pages
Proof
Desktop and phone stills
Walkthrough film
Want this thinking on your own brand?
Serious enquiries receive a homepage concept for their own brand before any commitment. One page, designed properly, so you judge us on work rather than promises.
On Upwork? Message us there instead.