Softhour

Softhour is a complete website for a bathhouse or sauna, a spa, a yoga or pilates studio or a small retreat host. It opens on a full-bleed photograph of the place behind fogged glass: visitors wipe the steam away with the pointer or a finger, and it slowly creeps back. Scroll on and the bathhouse circuit pins to the screen while the temperature counts from a 90 °C sauna to a 6 °C plunge, a rest room and the steam room, each with its own photograph.

It has 24 page types: two home pages (the second opens on heat and cold side by side with a seam you drag), a timetable with today as a strip of hours you drag sideways, the menu with a photo that follows the pointer, a page per session with its minutes, next dates and who leads it, passes with a picker that finds the cheapest, six retreats, people, a journal, visit, about with a plan of the building, questions, contact, careers, booking with a confirmation, a style guide and a licence and changelog page.

The palette is taken from the hero photograph: steam, concrete, charred cedar and one ember accent from the sauna window, designed separately for light and dark. Type is Noto Serif Display with Geist. Every motion switches off for visitors who prefer reduced motion. The bathhouse, its people and prices are invented, and the photographs are for demonstration only, so replace them with your own before you publish.