The Harbourlight
websiteshowcaseNext.jsReact.jsVercelhospitality

The Harbourlight

The Harbourlight is our showcase build for hospitality: a complete, deployed website for a fictional fourteen-room hotel in an 1892 oyster warehouse on the sea wall at Whitstable. A salt-white and marine palette, a split-screen hero with drifting tide lines, an editorial rooms grid and a full restaurant menu show how much atmosphere a small hotel site can carry.

Services

Web DesignWeb DevelopmentBrandingSEO

Website

Visit site

The Harbourlight is a fictional boutique hotel we invented in full, from the sibling owners and the 1892 oyster warehouse they restored to the room names, restaurant menu and guest reviews, to show what we can do for hotels, inns and restaurants. The lighthouse-and-tide identity and every word of copy were created for the project, alongside licensed photography that was individually reviewed and credited.

The design is deliberately light and coastal: salt white and marine navy, hairline rules, wide-tracked display type over a serif body, and a split-screen hero where gentle tide lines drift across the page in real time, with a still frame for visitors who prefer reduced motion. Rooms, the restaurant, a town guide, the story and a logbook journal each get their own purpose-built page.

Technically it ships the same spec as our client work: statically prerendered Next.js, per-page metadata and canonicals, structured data for the hotel, rooms and restaurant, generated sitemap and robots, a complete favicon set, and accessibility throughout. Deployed on Vercel with automatic deploys from GitHub.

The Harbourlight | Our Work | All Trouser Digital