01The opening
Dark palms, the logotype centred, one amber button, and five captioned thumbnails along the bottom edge.
Montvera
The phone stacks into 1.6 times the scroll rather than shrinking the desktop layout.
- Hotel
01The opening
Measured 2026-09-01
- Screens on the desktop
- 9.1
- 8,146 px tall at 1440 px wide
- Screens on the tablet
- 7.3
- 8,065 px tall at 834 px wide
- Screens on the phone
- 14.5
- 12,237 px tall at 390 px wide
Six sections
The site, read one section at a time. What each one is for, and the one thing the design does there.
02Restaurant
Three words spaced across a dusk photograph as their own menu, the type in its darkest part.
03Guest stories
Cream, the first break from photography: the room on the left, one guest's words on the right.
04Spaces and amenities
Eighteen amenities as a plain list, and beside it the resort drawn rather than photographed.
05Journal
Three cards of equal width, a category chip and a date over each photograph.
06Closing and footer
Dark ground, four footer columns, and the word Montvera set enormous and cut by the page edge.
Design highlights
Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.
- #ffffff78%
- #15151516%
- #0000003%
- #1e293b2%
- #f5f5f51%
- #a1b2aa<1%
- #7a5a3f<1%
- #231226<1%
- Families loaded
- Onest, Cormorant Garamond, Inter, Manrope
- Cormorant Garamond sets the headings, Manrope sets the text
- Built on
- Framer
- Measured
- 2026-09-01
On every screen
The same page at 1440, 834 and 390 pixels wide, drawn at one scale so the phone really is this much narrower.
