Skip to content
Joe Bellinger

Sauna & sea swimming · Margate, Kent

Ember & Brine

A bold, atmospheric site for a seaside sauna club. The hero shows conditions on the beach right now (sea temperature, tide and the next free space), a session finder makes booking easy, and a calculator shows which membership pays off.

Type

Concept build

Year

2026

What I did

Web design, Build, Copywriting

Built with

Next.js 16, React 19, Tailwind CSS v4

ember-brine-sauna.vercel.app
Ember & Brine website homepage, first screen

The brief

A seaside sauna club site with live beach conditions and a session finder.

Sauna clubs sell an experience, and most of their sites are a booking system with a logo on top. A new seaside club needed to capture the feeling of heat, cold sea and fire, and answer the first-timer’s questions before they get in the way of booking.

The approach

  1. 01

    Led with the experience: a huge “Hot wood. Cold sea. Repeat.” headline over the saunas on the slipway.

  2. 02

    Put a live “on the beach now” panel in the hero with the sea temperature, sauna heat, tide and the next free space.

  3. 03

    Made booking simple with a session finder, and added a membership calculator that shows which plan pays off for how often you come.

  4. 04

    Kept the palette deep sea and ember orange, with chunky, confident type.

Key features

What makes it work.

Live conditions

Sea temperature, sauna heat, tide and sunrise in the first screen.

Session finder

Pick a type of session and a day to see what’s free.

Membership calculator

How much each plan costs a month for the number of visits you make.

First-timer guide

The ritual explained step by step, so nobody feels lost.

The full homepage

Scroll the whole page.

Scroll inside the window to see every section, top to bottom.

The full Ember & Brine homepage from top to bottom

On mobile

Phone-first.

Most visitors arrive on a phone, so the mobile layout gets designed first, not squeezed in at the end.

Ember & Brine website on an iPhone

Design system

Colour & type.

A small, deliberate palette and type pairing, used consistently across every page.

TypefaceBricolage Grotesque
TypefaceDM Sans

Deep sea

#0b1d22

Ember

#e0532b

Flame

#ff9a5c

Sand

#e9dcc4

Ember & Brine is a fictional business created to show this design. The site is fully built and working; reviews, prices and team details are example content.

Social content

The feed, to match.

Concept posts for Ember & Brine, in the same fonts, colours and photography as the website, so the brand looks the same wherever people find it.

Ember & Brine post: "Hot wood. Cold sea. Repeat." over the pier saunas, with sea 15°, sauna 85° and the next free space

Daily conditions

Ember & Brine carousel cover: "The ritual, in three steps": heat, cold, fire

Carousel cover

Next project

Brindle Dog Club

A dog daycare site that plans and prices a dog’s week in seconds

View case study
Brindle Dog Club website

Want results like this for your business?

Tell me a bit about your business and what you need. You'll get a clear, no-obligation quote back.

Get a free quote