Collection · Travel

The sections, on their own

Every block the five travel routes are assembled from, out of context and with nothing else on the page. If a section only looks right inside one route, it is not a section yet.

col-hero

The collection hero. The art is decoration and is aria-hidden; everything readable is markup.

Eyebrow

The title

The lead.

col-groups

The widest cut. Icon, name, count — nothing more, or it competes with the places below it.

col-places

A picture, a name, a sentence. Press one to filter.

col-spots

The narrowest cut gets the smallest shape, so thirty of them can sit in a row.

Tokyo4 Kyoto2 Hanoi3 Lisbon3 Porto2 Tbilisi5 Cusco3

col-series

A series card shows the shape of the whole body of work: how many parts, over how long, and where.

col-order

The spine of a series. The rule stops at the last item rather than trailing off.

col-posts

The list every route ends with. A row, not a card — by here the reader is scanning titles.

col-facets

Checkboxes, because more than one can be true at once, and native inputs so the keyboard works.

Filtering

Everywhere

Kind of place
Regions

col-next

What to read after this one.