Travelio

The two layouts carry the same amount of reading.

  • Tourism agency
Section 01 of the Travelio site, the opening

01The opening

Measured 2026-09-01

Screens on the desktop
14.6
13,159 px tall at 1440 px wide
Screens on the tablet
10.5
11,724 px tall at 834 px wide
Screens on the phone
14.4
12,173 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.

01The opening

Section 01 of the Travelio site, opening

Misty forest, every control a pill, and a white search field with a round button.

02Three kinds of journey

Section 02 of the Travelio site, three kinds of journey

Three circular photographs, the middle one larger and lifted, with torn paper at the corners.

03Featured tours

Section 03 of the Travelio site, featured tours

Three cards, a category chip over each photograph, the price the only bold type in the row.

04The destination carousel

Section 04 of the Travelio site, the destination carousel

A destination card on pink with round arrows either side and postage stamps stuck around it.

05Reviews

Section 05 of the Travelio site, reviews

A masonry of testimonial cards, three columns, uneven heights, the top and bottom rows faded out.

06Closing

Section 06 of the Travelio site, closing

A headline over four lines, roman and italic mixed, a paper plane cutting through it.

Design highlights

Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.

  • #ffffff73%
  • #1a1a1716%
  • #ffdfcd5%
  • #fff6c74%
  • #5e5e5e1%
  • #d2e6f6<1%
  • #fedbe5<1%
  • #b4b4b4<1%
Families loaded
Stack Sans Headline, Source Serif 4, Geist, Inter, Inter Display, Switzer
Inter Display sets the headings
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.

Travelio, the full page as it renders at 1440px wide
Desktop, 1440px
Travelio, the same page at 834px wide
Tablet, 834px
Travelio, the same page at 390px wide
Phone, 390px