01The opening
One photograph, one white booking bar, one green button. Nothing else on the screen asks to be touched.
Clara Resorts
The phone stacks into 1.2 times the scroll rather than shrinking the desktop layout.
- Resort
01The opening
Measured 2026-09-01
- Screens on the desktop
- 10.8
- 9,688 px tall at 1440 px wide
- Screens on the tablet
- 8.2
- 9,140 px tall at 834 px wide
- Screens on the phone
- 13.2
- 11,101 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.
02The concept
Dark green ground, a serif italic headline, three photographs. The text argues and the pictures carry the feeling.
03The three houses
Three tabs, one photograph at a time, one outline button. Three properties read as one family.
04Gastronomy
Three round photographs with captions, the site's one break from rectangles. They mark the section.
05Guests and awards
One guest's words in a grey panel, then six logos in green. A voice first, then the badges.
06Newsletter and footer
Four fields and one button on the green the page opened with. The site closes where it began.
Design highlights
Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.
- #cbd1cf50%
- #17302824%
- #cac2ba8%
- #81908b6%
- #ffffff9%
- #e7e3dd3%
- #1a1a21<1%
- #9b8879<1%
- Families loaded
- Inter, miradorLight
- miradorLight sets the headings, Inter sets the text
- Built on
- WordPress 7.0.3
- 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.
