What is Lowlight?
Lowlight is the website of a film and brand studio on the Maashaven in Rotterdam that does not exist. Claude Opus 5.5 built it as one file from a written direction: a dark projection room, one amber light, one grade over every photograph and one way of moving. Much of what the Struq skill knows about craft was learned from it, and it runs below as it was built.
Updated
Struq skill 0.5.0
Now showing.
What was it built from?
The site of a film and brand studio on the Maashaven in Rotterdam, as one file, directed before a line of it was written.
What was the direction?
Settled in writing before a line of the site was built.
- Idea
- A dark projection room with one amber light in it.
- Grade
- One grade over every photograph, so the page reads as one film and not as a collection of stills.
- Motion
- One way of moving: gates that part on the middle line, a reel that advances one frame per scroll.
- Build
- One HTML file, written by Claude Opus 5.5, with the photographs generated for it on a local machine.
What the skill took from it.
Ten of the skill’s blocks began as a scene in Lowlight. Each was rebuilt as its own file that your agent writes into your project and directs to your brief.
Preloader: the gate
A ring fills while the fonts and the hero load, then two bars part on the middle line and open onto the hero, once per visit.
Page transition: the gate
The same bars close on every navigation, carry the next page’s name and open onto it in under a second.
Menu: the curtain
A full-screen menu that opens like a curtain, its large links rising through masks while the page under it holds still.
Hero: full-bleed still
One photograph held in a frame of page ground that opens to full bleed on the first scroll, with a caption strip under it.
Film strip
A pinned reel between two rows of sprocket holes that moves one frame per scroll and stops on the call to action.
Hover reveal list
The work at display size, where hovering a row brings its photograph to the pointer and steps the other rows back.
Approach
How a studio works from the first call to the handover, told without numbers, as Lowlight tells its process beside the aperture.
Sticky chapters
A story in chapters that scroll past one photograph held still, which changes as each chapter reaches the middle.
About the studio
A wide plate of the place that opens out of the page margins, with the statement and a few honest facts under it.
Footer: revealed from under the page
The last section lifts away like a sheet and uncovers the footer already waiting beneath it, as Lowlight lifts off its amber field.
Is Lowlight a real studio?
No. The studio, its films, its clients and its address are layout copy, and the contact links in its footer go nowhere on purpose.
The photographs were generated for it on a local machine from one shared set of prompts, then given the same grade, so the page reads as one film.
Why is it among the first three?
Because it set the bar. Every block in the list above started as a scene in it and was rebuilt as its own file, with a still version for phones and for reduced motion, so your agent can use it in a site that looks nothing like this one.
Now direct yours.
Paste it into Claude Code. It runs the install, then /struq is ready.
The Struq skill is free and open source. No account, no key, nothing to configure. Version 0.5.0, and you update by running it again.