Mynt Models · Internal review

New York itinerary page — five concepts

Five complete, unrelated design directions for one New York page carrying six itinerary ideas. Each has its own way of choosing a route; the content behind them is identical. Every one carries the live site's header and footer exactly, and below that no two share a single line of CSS or script.

Concept 01

The Dossier

New York · six routes

A privately printed travel dossier. Routes are chosen from a ruled contents index; each opens as a filed section with drop caps and hanging-indent numerals.

Engine — named-line editorial grid
Concept 02

The Passage

New York · six routes

A private travel document. Routes are chosen from a departure board; each opens as a ticket with punched stubs, a rhumb line and a snapping run rail.

Engine — flexbox, quantised flex-basis
Concept 03

The Grand Tour

New York · six routes

Cinematic but light. Routes are chosen from a rail of plates; each opens with a full-width image band carrying a dark overlay, then mint and white sections.

Engine — named grid-template-areas
Concept 04

The Ledger

New York · six routes

Private-bank stationery. Routes are chosen from an index of accounts with dotted leaders; each opens as ruled rows of tabular figures.

Engine — modular row grid with subgrid
Concept 05

The Atlas

New York · six routes

Cartographic. The chart is the control — six routes radiate from New York at true bearings, and selecting a pin lights its ray and opens that log.

Engine — two-pane split + interactive SVG
How to read these

What is fixed, and what is up for decision

  • Header and footer are fixed. Lifted byte-for-byte from the live site and verified identical across all five pages — they are not part of the choice.
  • The palette is fixed. Every concept uses only the site's greens. They differ in how much dark, how much white and where the accent falls.
  • The typefaces are fixed. DM Serif Display and Inter throughout, as on the live site. Concept 02 adds a system monospace for timetable data only.
  • Layouts are container-driven. Resize any page slowly: type and spacing scale continuously, and multi-item rows only ever split into equal rows — never three-and-an-orphan.
  • Photography is placeholder. Free-licence stock, chosen to match each destination. Production should use owned or licensed imagery.
  • One page, six routes. Every concept is a single New York page. Selecting a route swaps the panel; all six stay in the DOM for search engines, and each has its own #slug deep link.
  • Copy is indicative. Written in the site's voice to show the concept working, not signed off. Times, distances and venues need checking before publication.