# Header station board

> A compact wordmark and broad destination links turn the header into a typographic signboard, with a separate address and opening-hours rail. On a phone, the visible Menu control shares a rail with the next-stop note. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/nav-station-board.html
Section: Header
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. 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, navigation, navigation-link, paragraph
Keywords: header, navigation, station, destination, cafe

## Variations (2)

### Theme (the default)

Identical markup in every theme.

The same composition in your theme’s colours and fonts.

### Citron and graphite

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

Citron #ECECA5 with graphite #202824 and a grey-green #414747 rail, set in Arial with bold destination lettering.


---

## The signature moment: the destination board gives the links the largest type

The wordmark sits in the corner above the main route. Large destination names carry the visual weight, while a fine lower rail holds the place and opening note. The real Navigation block collapses into a visible Menu control beside the next-stop note, opening WordPress’s mobile overlay.

## Theme inheritance

The Core payload follows the theme’s base ground, contrast ink, heading face and button treatment. Its painter lets heading and link colour follow a recolour. Text is intended for 4.5:1 contrast, with 3:1 reserved for large display type.

## Display type

Navigation links use a bold fluid display scale of 28px to 66px. The linked wordmark is a 20px text-link button with a padded tap target; location and opening notes are 15px. These wordmark, paragraph and navigation sizes form the signboard rather than heading hierarchy.

## Styled look

Citron #ECECA5 with graphite #202824 and a grey-green #414747 rail, set in Arial with bold destination lettering. Every action is deliberately filled or underlined. The Core payload preserves the same layout as the theme route.

## Editing

Replace the linked wordmark, edit the native Navigation destinations and update the two practical notes. Keep destination names short enough to read as signs.