Hotel PDP›Rooms & Ratesimplied context · 764 px
Card stack · per room type
Selected: Flexible · Bed & Breakfast
$251/night
Selected: Flex · Bed & Breakfast
$224/night
Design review · breakdown
What this is
Each room type is a soft outer card. Inside, each rate is a smaller bordered tile with attributes and Reserve. Spacing keeps each rate visually self-contained.
Why it works
Friendlier, more modular feel than a table. Each rate reads as a discrete 'offer' rather than a row in a list, which reduces the spreadsheet fatigue of dense inventory.
Best use case
Customer-facing or hybrid B2B/B2C contexts where a slightly softer, less spreadsheet-like interface is preferred.
Tradeoffs / risks
Less efficient at attribute comparison than the table layout. More chrome per rate increases vertical footprint. Card boundaries can compete with the room-type grouping for visual hierarchy.
UX notes · scannability · normalization · booking confidence · provider transparency
Normalization shown via the room-type wrapper. Rate-plan label carried per-tile. Booking confidence reinforced by the room-level selected-rate footer with live price.