01The opening
A logo badge over the cabins, four coloured contact chips, a red Thai nav under them.
Fang Modern
The phone stacks into 2.6 times the scroll rather than shrinking the desktop layout.
- Hotel
01The opening
Measured 2026-09-01
- Screens on the desktop
- 4.0
- 3,614 px tall at 1440 px wide
- Screens on the tablet
- 7.0
- 7,814 px tall at 834 px wide
- Screens on the phone
- 10.6
- 8,924 px tall at 390 px wide
Four sections
The site, read one section at a time. What each one is for, and the one thing the design does there.
02The three zones
Three cards, each on its own coloured block, red then green then pale green, one button each.
03The tour programme
A red block of times and prices, then eight captioned photographs edge to edge, no gutters.
04Places and prices
Four more photographs, a red price block, three viewpoints, and the contact chips repeated in order.
Design highlights
Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.
- #ffffff67%
- #7a1c0b8%
- #b229107%
- #3333336%
- #d9534f5%
- #f0ad4e3%
- #5cb85c3%
- #eb42241%
- Families loaded
- Billion Web Font, Prompt
- Built on
- Joomla!
- 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.
