# Contact travel routes

> A getting-here section for an event or venue on an inverted slab: the postcode at display size as the headline, then three ruled routes, each an origin, its journey time as a large figure and three numbered steps, a strip of practical notes on taxis, parking and the ride home, and a maps link. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/contact-travel-routes.html
Section: Contact
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, group, heading, list, list-item, paragraph
Keywords: travel, directions, postcode, getting here, wedding, event, venue

## Variations (2)

### Postcode and routes (the default)

Identical markup in every theme.

Your contrast ground with base text, rules in base, an underlined maps link.

### Vow

This variation states its own colours and states its own type: identical in every theme.

The Vow wedding set: a midnight slab, the postcode in Didot at display size, pale peony labels, lavender grey steps, dusk hairlines and a pale peony maps link in Gill Sans.


---

## The signature moment: the postcode is the headline, and every route ends at it

**On an inverted slab, the postcode at display size, then three ruled columns,
each an origin as a label (From London, By car, From the airport), its
journey time as a large figure and three numbered steps.** A strip of
practical notes follows (taxis, overnight parking, the ride home) and one
maps link. On a phone the routes stack and each figure is about 40px.

## What it inherits from your theme

- **Typeface.** The base states no font family.
- **Palette.** An inversion: your `contrast` ground with `base` text, labels
  and rules, so it reads as a slab in any theme.
- **Buttons.** One underlined text link in the text colour.

## What it decides for itself

- **The postcode.** A display size off the ladder, about 72px on a phone and
  11rem from 1280 up. It has no spaces to wrap on beyond the one in the
  middle, so keep it a postcode or a short place name.
- **The routes.** A grid of 20rem minimum columns: three across on a wide
  screen, two on a tablet, one on a phone.

## What to change first

1. **The postcode and the address line.**
2. **The three routes**: the origin, the time and the steps.
3. **The taxi number** (01632 960 488 is a reserved example number) and the
   parking and ride-home notes.
4. **The maps link.** It searches OpenStreetMap for the postcode; paste your
   own map link instead if you have a pin for the gate.

## The Vow look

Part of the Vow Pattern Set, a couple's whole wedding website in one design
language: wisteria white ground `#f7f5fb`, a wisteria band `#ebe6f3`, card
white `#ffffff` and a midnight slab `#1f2240`; midnight ink, dusk `#555a78`
for secondary copy, peony `#a8365a` labels on light grounds and pale peony
`#f2b8c9` on the slab, wisteria hairlines `#d9d3e6`. Headings and names are
Didot at 400 (Bodoni MT, Hoefler Text, Baskerville, Times New Roman, serif),
body, labels and buttons Gill Sans (Seravek, Trebuchet MS, sans-serif). Cards
and buttons are square; the primary button is a filled midnight rectangle, the
secondary an underlined peony link. Every text pair is measured on the ground
it is painted on. Take the base for your theme's colours, or the look's **Use
my theme** chip.

## Notes

- Core blocks only: group, heading, paragraph, list, buttons, button. No
  plugin, nothing to keep updated.