01Opening and booking panel
A white booking panel floats on the garden photograph, two date fields and an orange search.
Maryo Resort
The two layouts carry the same amount of reading.
- Resort
01Opening and booking panel
Measured 2026-09-01
- Screens on the desktop
- 6.5
- 5,858 px tall at 1440 px wide
- Screens on the tablet
- 5.8
- 6,498 px tall at 834 px wide
- Screens on the phone
- 7.2
- 6,071 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.
02Scores and photographs
Seven labelled score bars left, nine photo tiles right. No prose between them at all.
03Rooms and services
Two room cards with orange booking buttons, then a services table in two ruled columns.
04Guest reviews
Cards one under another: the name and a score chip left, the comment right, votes beneath.
05Nearby hotels
Ticks and crosses summarise the property, then four other hotels with prices in baht over them.
06Trust row and footer
Three line icons, a dark bar naming the SHA Plus certificate, then the payment marks.
Design highlights
Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.
- #ffffff64%
- #f2f2f216%
- #5055588%
- #2828287%
- #3434342%
- #9898981%
- #7777771%
- #daeafa1%
- Families loaded
- Open Sans, Ubuntu Condensed
- Ubuntu Condensed sets the headings, Open Sans sets the text
- 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.
