Header station board: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/nav-station-board.html Core Patterns (https://patternpaste.com/patterns/) Header (https://patternpaste.com/patterns/nav/) Catalogue access Standard # 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. ## All patterns Search patterns Loading patterns… 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. Full pattern notes ## Why it works, and how it is built Open a topic for the complete design reasoning, editing guidance and implementation notes. Design rationaleComposition, intent and nearest alternatives ### Overview A compact wordmark and broad destination links turn the header into a typographic signboard, with a separate address and opening-hours rail. ### 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 behaviourInheritance, fixed decisions and contrast ### 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. Technical notesBlock mechanics, responsive behaviour and constraints ### 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. ### 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. Questions ## Header station board: common questions Does Header station board need a plugin? No. It is built only from core WordPress blocks (button, buttons, group, navigation, navigation-link and paragraph), so it pastes into the block editor with nothing to install. Will Header station board match my theme? Choose by variation. Theme takes your theme’s palette; Citron and graphite brings its own colours. How many variations does Header station board have? 2: Theme and Citron and graphite. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Header station board free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. Which WordPress version does it need? 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. 4.2KB of core-block markup, 6 blocks (button, buttons, group, navigation, navigation-link, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £49 a year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Page header Page header cover strip An interior-page opener with a small location label, h1 title and short introduction in a narrow full-height plate of your theme's base beside a broad uninterrupted photograph. The photograph stays dominant on wide screens; on a phone the title strip reads first. Includes a replaceable example photograph. States no colour and no font of its own. (https://patternpaste.com/pattern/page-header-cover-strip.html)Editorial Article footer The close of an article: a portrait of the author beside their name, the biography under both inside a currentColor slip held to the middle half of the measure, and the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer. The name, the biography and the two neighbours are dynamic core blocks, so they are the post's own and the preview here is sample data; the portrait is an ordinary image block you swap for your author's own. The previous and next links only resolve on a single post template, which is where this pattern belongs. (https://patternpaste.com/pattern/article-footer.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) ## Specifications Section Header Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks button, buttons, group, navigation, navigation-link, paragraph Presets color 4 WordPress 7.0+ Continue exploring ## Next in Header Explore all 6 Header patterns (https://patternpaste.com/patterns/nav/) Shot in Twenty Twenty-Five Header No plugin needed ### Nav stack A header built as a masthead rather than an app bar: a micro-row of tracked uppercase meta (address, hours, telephone) sits over a hairline, and under it the main row carries the wordmark, your WordPress menu and one filled action over a 3px rule. Header Preview pattern (https://patternpaste.com/pattern/nav-stack.html) Shot in Twenty Twenty-Five Header No plugin needed ### Nav utility bar A local-business header in two bands: a thin reversed strip across the top carries a tap-to-call telephone number, the opening hours and the area served, and under it the bar holds the name, your WordPress menu and one Book online button over a hairline. Header Preview pattern (https://patternpaste.com/pattern/nav-utility-bar.html) Shot in Twenty Twenty-Five Header No plugin needed ### Header wayfinding plaque A projecting nameplate beside two stacked routes: the visitor menu above a ruled contact and booking rail. Header Preview pattern (https://patternpaste.com/pattern/nav-wayfinding-plaque.html)