hospitality · Phase 25
hero.title
A full hotel experience: rooms and room types, amenities, rates, experiences, dining, availability and a reservation flow with guest details and extras.
Visual direction
Boutique and premium hotel.
- Ivory
- Cream
- Deep green
- Burgundy
- Warm neutral
The homepage should feel like entering a hotel, not opening a booking dashboard. Large photography, rooms and room types, amenities, experiences, dining, rates and reservation.
- Room type
- Dates
- Guests
- Extras
- Reservation
The experience itself is not built yet. What you are looking at is the foundation proving it out: the business configuration, the feature set it turns on, the vocabulary it uses, and the theme applied to this route. A hotel guest is called that here, and only here. This page is served in EN, one of the 5 locales this business supports.
Enabled capabilities
33 features this business turns on. Anything absent is never rendered.
- Catalog
- Room typesAmenitiesRatesExtrasExperiencesDiningSpaMeetingsTransfers
- Merchandising
- DealsGallery
- Commerce
- Deposits
- Scheduling
- ReservationsAvailabilityCalendarCheck-in / outWaitlistReminders
- Resources
- RoomsGuestsHousekeeping
- Account
- Payment methodsReviewsAuthAccountProfileNotificationsMessaging
- Content
- StoryJournalNeighborhoodsTeamFAQ
Vocabulary
The shared foundation, relabelled. Each row shows the shared default and what this business calls it instead.
- Customer
- Guest
- Customers
- Guests
- Room
- Room
- Rooms
- Rooms
- Booking
- Reservation
- Bookings
- Reservations
- Collection
- Room type
- Stay
- Stay
- Stays
- Stays
Design tokens
mixed mode. This page is already rendering in the business palette.
Mode
- mode
- mixed
- domain
- Hospitality
Colors
background
surface
surfaceAlt
border
textMuted
text
primary
secondary
accent
- background
- #faf7f1
- surface
- #ffffff
- surfaceAlt
- #f1ebdf
- border
- #DCD5C2
- textMuted
- #666a61
- text
- #1c1f1c
- primary
- #1f4436
- secondary
- #6d2130
- accent
- #1f4436
Typography
- stack
- classic
- display
- fraunces
- heading
- playfair
- body
- redHatDisplay
- label
- redHatDisplay
Spacing, radius, imagery, motion
- space.section
- 8rem
- space.gutter
- 1.5rem
- radius.card
- 0.125rem
- radius.control
- 0.125rem
- imagery.ratio
- 16/9
- imagery.treatment
- editorial
- motion.duration
- 500ms
- shadow.card
- inherited