Boutique hotel website template
The Alder House
A quiet, luxurious template for boutique hotels, inns and guesthouses. Linen and olive tones, a high-contrast Bodoni serif and square-cut photography give it the calm of a well-kept country house. Inside: a full-bleed hero, room listings with rates, a restaurant feature, an experiences programme, stay packages, guest stories and a local-guide journal.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 38 sections · 19 photos
Design system
- Display face
- Bodoni Moda
- Body face
- Work Sans
- Header · footer · images
- centered · mega · square
- paper
#EFEAE1 - surface
#E5DED2 - ink
#1F1D19 - muted
#635E54 - line
#D3CABB - brand
#3D4A3C - brandInk
#EFEAE1 - accent
#AE8A55
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 19 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Full-bleed hero
- Story
- Listings
- Image + text
- Gallery
- Feature quote
- Info bar
- Call to action
- Page header
- Timeline
- Feature grid
- Service cards
- Timetable
- Pricing tiers
- FAQ
- Contact form + details
- Newsletter
- Article grid
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the boutique hotel template
Can I link to my booking engine?
Yes. Every booking button is a simple link, so it can point to your reservations system or a contact form.
Does it work for a bed and breakfast?
Yes. Use fewer rooms in the listing grid and remove the restaurant feature for a smaller inn or B&B.
Can I show seasonal rates?
Room prices and package notes are plain text, so you can show midweek, weekend or seasonal pricing.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the boutique hotel website template guide.
