{ "schemaVersion": 2, "id": "28", "slug": "grand-hotel", "name": "Grand Hotel", "brand": "Alder House", "family": "Commerce & places", "status": "ready", "thesis": "Let visitors imagine an arrival, then make the booking choices concrete.", "suitableFor": [ "Hospitality", "Travel" ], "character": "Restrained", "traits": { "composition": "Hotel masthead, quiet welcome, booking rail and staggered arrival/bedroom sequence", "navigation": "Stay, explore, and explicit availability", "typography": "Libre Baskerville + DM Sans", "density": "Low", "imagery": "Dedicated illustrative hotel exterior and bedroom photographs", "surface": "Cream and sage hospitality surfaces with full-bleed landscape photography", "motion": "Minimal" }, "effort": "Medium", "definingFeatures": [ "An arrival narrative", "Room details at the point of choice", "Practical booking information" ], "adaptableChoices": [ "Brand and content", "Accent colour with verified contrast", "Equivalent licensed typefaces" ], "entryRoute": "/preview/28-grand-hotel/start", "states": [ { "key": "rooms", "label": "Sample availability", "route": "/preview/28-grand-hotel/rooms" }, { "key": "summary", "label": "Booking summary", "route": "/preview/28-grand-hotel/summary" } ], "referenceImages": [ { "file": "/previews/28/desktop.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/28/5ff5530fb6cd7334-desktop.jpg", "route": "/preview/28-grand-hotel/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:d386970766548132e1d16d9be9c138acefbc4f01b6fd3ff1aeeabbe0e93698ce", "sha256": "5ff5530fb6cd7334f5d11bb9a24e818b94d72bf66af6e7fa8fe0863e85bbf47b", "fullPage": false }, { "file": "/previews/28/mobile.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/28/d01a5ac9dd5d79bc-mobile.jpg", "route": "/preview/28-grand-hotel/start", "viewport": { "width": 390, "height": 844 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:d386970766548132e1d16d9be9c138acefbc4f01b6fd3ff1aeeabbe0e93698ce", "sha256": "d01a5ac9dd5d79bc096d35f57daccae42f25f64669101ef98dc3b0d4c3c9dec4", "fullPage": false }, { "file": "/previews/28/detail.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/28/df965ab15d73eb70-detail.jpg", "route": "/preview/28-grand-hotel/rooms", "viewport": { "width": 1440, "height": 1000 }, "state": "rooms", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:d386970766548132e1d16d9be9c138acefbc4f01b6fd3ff1aeeabbe0e93698ce", "sha256": "df965ab15d73eb70ea19cd5c0f000d886da0acdbac31ede3fadf7648a809c972", "fullPage": false }, { "file": "/previews/28/full-page.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/28/aa63baa2bd856a42-full-page.jpg", "route": "/preview/28-grand-hotel/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:d386970766548132e1d16d9be9c138acefbc4f01b6fd3ff1aeeabbe0e93698ce", "sha256": "aa63baa2bd856a4227edf8025ec23cf22d18b0d9ba192ddc3a289804ade8ce6e", "fullPage": true } ], "sourcePath": "src/designs/28-grand-hotel", "neighbours": [ "08", "24" ], "palette": { "page": "#f5f1e8", "surface": "#ffffff", "ink": "#304535", "accent": "#8a503a" }, "fonts": [ "Libre Baskerville", "DM Sans" ], "brief": "**Philosophy and fit.** Let visitors imagine an arrival, then make the booking choices concrete. Fits destination hotels, lodges, retreats, and travel accommodations.\n\n**Visual grammar.** A sequence of wide photographic scenes introduces arrival, rooms, surroundings, and daily life. A compact booking rail accompanies the story. Use restrained serif display type, warm white surfaces, deep forest text, and terracotta accents. Navigation separates staying, exploring, and planning; room information uses consistent comparisons beneath the narrative.\n\n**Specimen and flow.** *Alder House* is a fictional lakeside hotel. Select dates, compare rooms, and review a sample booking summary. Supporting views include a room detail and an availability result with no matching rooms. Amenities, occupancy, and cancellation examples appear beside the decision they affect.\n\n**Responsive behaviour.** The booking rail becomes an accessible expandable section with a persistent summary. Photographic scenes retain ordinary scrolling; essential room details load before optional imagery.\n\n**Identity rules.** Preserve the arrival narrative and explicit booking information. Avoid scroll hijacking, looping video as a requirement, and identical full-screen photographs with no useful content. **Effort: medium.**\n\n**Distinctive composition.** Hospitality has a centred house masthead, a separate welcome and booking rail, and staggered arrival/bedroom photographs. Dedicated exterior and bedroom images establish arrival and rest, distinct from Documentary Story’s landscape narrative and Quiet Atelier’s object study.", "scope": "An expansive sample page with representative local interactions; no production business backend.", "discovery": { "industries": [ "Hotel", "Hospitality" ], "visitorGoals": [ "Plan a stay" ], "conversionActions": [ "Request a room" ], "siteSize": "Service site", "interactionTypes": [ "Room comparison", "Booking form" ], "keywords": [ "Hospitality", "Travel", "An arrival narrative", "Room details at the point of choice", "Practical booking information" ] }, "patterns": [ "An arrival narrative", "Room details at the point of choice", "Practical booking information" ], "downloadUrl": "/downloads/28-grand-hotel.zip" }