Marlowe & Vale: a room that only resolves inside the light you carry
Concept build. Marlowe & Vale is an invented firm. This was made to show how we approach a property brief, so nothing here is a client result and no figure describes a real business.
The brief we set ourselves
Prime central London lettings firms sell discretion, not scale, and most of their sites say the opposite: bright photography, a portfolio grid, the implicit boast of volume. A firm holding thirty to forty instructions at a time, referral-led, showing property by appointment to people who don't want the address on a portal, needs a page that argues capacity discipline rather than reach.
Marlowe & Vale is an invented Marylebone lettings and management firm, run by the same two people who took the instruction. We built the site to make that discretion physical rather than claimed.
What we built
The page opens near-black. No hero photograph sits dimmed behind type in the usual way: the room is present but masked, and it resolves only where the visitor's own light falls. A brass rule draws itself on load, the wordmark fades up, and everything after that is Constantia against Candara, four type sizes with very wide gaps, no cards, no shadows, no rounded corners anywhere in the stylesheet.
The layout is a ledger throughout: a narrow meta rail on the left, a hairline, content on the right, rows divided by rules rather than boxes. Terms, tenant facts and the firm's own statement are all set this way rather than as pricing cards or an accordion.
The cursor-lit gallery
This is the only site in the set built on realtime WebGL. Three.js is vendored locally, no CDN, no import map, and a full-bleed plane runs a custom fragment shader: the property photograph is multiplied by a soft radial mask centred on the pointer, damped so the light lags the cursor by roughly a fifth of a second and arrives with weight rather than snapping to it. Inside the light's core the image warms slightly, like a lamp rather than a torch, and the brightest point is capped so nothing on screen ever reaches white. Scroll into the second room and the light narrows and the image crossfades, read by a tighter, more searching beam. If no pointer has moved for four seconds, or the device has no hover, the light drifts on its own along a slow path rather than parking in a corner. Under reduced-motion or without WebGL, the canvas never starts at all. A composed static treatment takes its place instead, same crop, same scrim, same headline position, so nobody looking only at the fallback can tell anything is missing.
The light is deliberately the only motion on the page. Everything else, the rule draw, the section reveals, the form, moves once and settles.
Details that did the work
- The whole scene is one draw call: one plane, one shader pass, no lights, no post-processing, comfortably under budget on integrated graphics
- devicePixelRatio capped at 2, and the render loop stops entirely when the canvas leaves the viewport or the tab loses focus
- Terms are four ruled rows, not a pricing table, and the last row states what discretion means operationally rather than as a mood
- Enquiry form asks only name, email, owner-or-tenant, and area. Phone is optional and says so
- Marketing consent left unticked by default, as PECR requires it to be the visitor's own act
Where it stands
Audited at 89 out of 100 across usability, uniqueness, beauty and freedom from generic AI patterns. Worth saying plainly: neither property photograph existed when this build was scored, so the lit composition has been reasoned through the shader's numbers rather than seen, and that residual uncertainty is priced into the score rather than smoothed over.