Hotel · Small hotels, inns, guesthouses and B&Bs
Seaward
A multi-page website for a small hotel where every room is shown beside the view from its own window, joined by a line you can drag, with floor, size, bed and rate next to it, in light and dark mode.

- Pages
- 8
- Modes
- Light and dark
- Responsive
- Desktop, tablet, phone
- Versions
- Framer, Code, XOXI
About this template
What Seaward is
Seaward is a complete website for a small hotel, inn or guesthouse. It starts from the question guests ask first: what will I see from my room? Every room is a pair of photographs, the room and the view from its window, joined by a seam the visitor drags with a mouse, a finger or the arrow keys. Beside it sit the facts: which way the room faces, its floor, size, bed and a from-rate.
It has 13 page types: home, rooms with a filter by the side of the house, a page for each room with plain notes on light, sound and access, eat and drink with hours and a sample menu, the quay with door-to-door travel times and a walking ruler, what's on, offers with terms and end dates, a journal and its posts, about, a request form with questions, privacy, terms and a 404. A floor grid shows where each room sits and which are step-free.
Booking is a short request, so nothing on the site pretends to know availability, and there are no invented ratings. Every page is designed in light and in dark, with a toggle in the header, and adapts to desktop, tablet and phone, where Request a stay keeps one fixed place. The hotel, its people and its prices are invented, and the photographs are for demonstration only, so replace them with your own before you publish.
Last updated
What's included
8 pages, ready to fill in
- 01HomeRoom and view hero with six room tabs, plain numbers, rooms, the floor grid, eat and drink, getting here, a walking ruler, what's on, offers and journal
- 02RoomsSix room types, each with its pair and facts, filtered by the side they face or by step-free access
- 03RoomA wide pair, six facts, what is in the room, and plain notes on light, sound, access and dogs
- 04Eat and drinkRestaurant and bar with hours tables, a sample menu with prices, and breakfast
- 05The quayDoor-to-door times by train, ferry, car and air, walking minutes to seven places, and what each side of the house sees
- 06What's on and offersEvents with day, time, place and price; offers with terms and end dates
- 07Journal and postFour notes from the house with read times
- 08About, request, legal, 404The story of the house, a request form with seven questions, privacy, terms and a 404
Features
- Room and view comparison built in code
- Request-mode booking, or one link to your booking engine
- Floor grid and walking ruler drawn from your data
- Light and dark mode with a toggle
- Responsive, with a fixed Request a stay bar on phones
- Rooms, events, offers and journal on the Framer CMS
- Text, colours, rates and photographs are yours to change
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- Motion
- React Router
- Content in typed files
Screens
A closer look
Taken from the live demo, in light and in dark, on desktop and on a phone.











Where to get it
Three versions, one design
Pick the one that matches how you build. The pages and the design are the same in each.
- Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.
Free on FramerFramer Marketplace
- Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.
$5one payment
Buy theme · $5 - XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.
Includedfor Pro and Business+ members
Get it with Pro plan on XOXI
Want to see it first? View demo
More templates
Others you may like

Pagina
A multi-page portfolio template for independent designers and small studios, with light and dark mode.
Free on Framer · $5 code

Stint
A multi-page resume and CV website with a career timeline, a printable resume page, and light and dark mode.
Free on Framer · $5 code

Sidelit
A multi-page photography portfolio where the photograph in view lights the page, with every frame shown whole and light and dark mode.
Free on Framer · $5 code
Want one made for you?
Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.
Fixed quote. You own everything we make.

