Customer chrome

The agency shell frames every booking page. Keep one main for page content and name secondary navigation regions.

Harborline Travel

Where is your next flight?

Search uses native controls only. Date pickers and live results wait for JavaScript lessons.

Trip type
Browse sample fares

Important pattern

Name each navigation region. Keep booking verticals in the topbar and labelled fields in the search panel.

<nav class="agency-nav" aria-label="Booking verticals">...</nav>
<fieldset>
  <legend>Trip type</legend>
  ...
</fieldset>