We set only the cookie that remembers this choice. Analytics and marketing cookies stay off unless you allow them. Cookies policy

Start a brief

Room 19 · Curated slow travel · Concept

Tarnway

The slow way round.

Tarnway, a fictional slow-travel company where a route is drawn across a map as you read each day of a trip, and every destination has its own palette.

Concept project — fictional brand. This project was created by ARTLOGIC to demonstrate a possible brand and digital experience. The organization, name, people, prices, and data shown are fictional. This is not client work and does not represent measured business results.

Explore the concept site

Opening screen of the Tarnway site on a wide display: The slow way round.
Opening screen, desktop

01 The brief

The brand
Tarnway is a fictional curated slow-travel company running small-group trips along invented routes. Its tagline is "The slow way round."
The problem
Travellers who prefer slow trips want to understand a route before they ask about it. The site lets them read a trip day by day, shape an itinerary and then send an enquiry.

02 The idea

The route is drawn as you read

What you see
A sticky hand-drawn map sits beside the day list. Days not yet read show as a dotted line with hollow stops, and the solid route extends as the reader scrolls. Each of the five destinations re-tints the map and headings in its own palette.
How it works
The route is an SVG path whose dash offset follows scroll progress. Stops are focusable and clickable, and a read-as-text disclosure repeats the route in words.

03 Design system

  • Paper#F5F0E6 groundWarm page ground.
  • Warm black#1F1D1A inkBody text.
  • Slate Route#3E5C76 accentRoute line, focus ring and link underlines.
  • Muted brown#665F55 mutedSecondary text and unread route dots.
  • Ground Tint #EAE4D6. Alternate full-width sections.
  • Frame Deep #2F4358. Headings and primary buttons.
  • Field #FFFDF8. Input surfaces.
Type
  • Crimson Pro
    Headings, figures and place names, light, with italic for places.
  • Outfit
    Running text, controls and map labels.
Edges
Flat and ruled. Warm hairlines replace cards, corners are 2 px, and there are no shadows. Photographs are square-cornered with a caption.
Motion
The route draws with scroll, with a short easing and one pulse on the active stop. Reduced motion removes the pulse and the transitions.

04 Process

  1. Pre-production

    Pre-production set the thesis, a pinned art direction and a design for the unlit state, where unread days look different from read ones. It also produced a build plan with the map and builder interactions, palettes and a photo list.

  2. Build

    The site was built from the plan: destination filters, five trips with day-by-day itineraries, experiences, a journal, an itinerary builder and a demo enquiry form.

  3. Finish review

    Impeccable finish-review rounds checked the built pages against the direction, including how photographs sit with each destination palette.

  4. Fixes

    The review produced an ordered list of fixes, applied and then checked again.

05 Technology and accessibility

Stack
Next.js 16, Tailwind CSS 4 and TypeScript, inside the studio's single application.
Particular to this site
  • Scroll-driven SVG route
  • Per-destination palette variables
  • Itinerary builder with drag and button controls
  • Itinerary kept in localStorage
Access
  • Builder has up, down and remove buttons for every drag action, plus keyboard arrows
  • Map stops are focusable, with a read-as-text alternative
  • Filter chips use aria-pressed
  • Skip link and visible focus ring
  • Reduced-motion media query removes pulses and transitions
Tests
Covered by its own Playwright end-to-end spec and a unit test file for its logic.

06 Honest notes

Tarnway is a fictional brand and this is a concept project by Artlogic. The regions, trips and prices are invented, and the enquiry form is a demo that stores nothing.

The itinerary builder keeps your list in your own browser with localStorage and sends nothing.

Photographs are free stock images from Unsplash, standing in for invented places and labelled as stock on the pages. Real landscapes were used because a travel site needs real light and terrain, and each is graded with CSS to its destination palette. Maps and route graphics are original SVG.

07 See it

Explore the concept site

Fictional prototype. A concept by ARTLOGIC for a fictional brand. English only.