A layered Figma design of a booking-led hotel template for resorts, coastal stays, and holiday accommodation. The file delivers one complete long-form landing page that guides a visitor from first impression through to an enquiry, with every section built to be reused or reordered.

The layout runs on a calm, editorial grid with generous whitespace, a 1290px content grid, and full-width background bands. Sections stack cleanly, so the page reads as a single continuous story rather than a set of disconnected blocks.

What the page includes

• Hero with availability search panel
• Room listing with pricing and review scores
• Curated escape and package offers
• Amenities and facilities grid
• Guest review cards
• Booking enquiry form
• Blog and news area

Features

• One layered Figma file, ready to import
• Every section built as its own frame for easy duplication and reordering
• Repeated patterns built as reusable components
• Shared text styles for headings, body copy, and labels
• Shared colour styles so a new brand colour applies across the page in one step
• Auto layout spacing, so sections reflow when copy lengths change
• Designed on a 1290px content grid
• Well-organised layer names, so sections are easy to find

Requirements

Figma, free or paid, in the browser or the desktop app. No plugins or third-party accounts are needed to open, edit, or use the file.

Fonts

Marcellus is used for headings and Jost for body copy. Both are open source and available from Google Fonts. Font files are not bundled; the documentation links to both so you can install or enable them.

Notes

Sample names, prices, figures, and reviews are fictional placeholders included to demonstrate the layout. Photography shown in the previews is demonstration content and is not included in the download. The availability search and booking form are visual designs only. Icons are from Flaticon and remain subject to that service's terms.

Full documentation is included in the download package.

Version 1.0.0

Initial release.