Mezzanine

Mezzanine is for a small hotel with a strong sense of place: a cliff hotel, a townhouse on several floors, a guesthouse on a hillside. Anywhere the building itself is the story.

The home page opens as a lift ride. A large numeral, the level's name and one line sit beside a photograph; scroll, and the numeral rolls, the photo travels up with a gap behind it, and the next level arrives. Each level is one item in the CMS, so a buyer with four floors or seven gets a ride of four or seven. The level shown in the navigation follows you down the rest of the site.

It is light only, set in General Sans at regular weights, with hairlines in place of cards and one muted sea-blue accent used sparingly. The photographs are graded as one set. No serif headline, no badge over a pool photo.

Pages

Home, Rooms and six room pages, Levels and six level pages, The house, Journal and three posts, Contact with a working form, two legal pages, 404 and a Style guide. 26 routes in the demo.

CMS

Eight collections: Levels, Rooms, Gallery, Guest notes, Journal, Questions, Team, Legal. The hero, lists, detail pages and next links fill themselves.

Components

Lift (the level-by-level hero), Room Row (the room index with a shared photo window), Stay Bar (arrival, departure and guests), Roll Number, Lit Text, Level Badge and Level Mark, plus overrides for photo drift, photos that arrive like a lift, columns that ride in opposite directions, the active row, late photo loading and filling the enquiry form from the Stay Bar. Canvas components: Navigation, Button, Question and Submit button. Every control has a plain title.