[Library] Header
Header
The bar at the top: the name, the way through the site, and the one action worth repeating. 3 patterns, 3 variations between them: every variation is its own copy-paste file, one click from its pattern.
Thumbnails on this page are rendered in Twenty Twenty-Five. Your theme is applied to every live preview, on a pattern's own page.
3 patterns
Thumbnail in Twenty Twenty-Five
HeaderStandard
Nav bar
A header bar on one line: a heavy, tightly tracked wordmark at the left edge against tiny widely tracked links at the right, one solid action beside them, and a hairline under the whole bar. Compact by construction, so it reads as the top of a page and never as a hero. States no colour and no font of its own.
4 blocks · core only · 1 variation Preview Mark right
Thumbnail in Twenty Twenty-Five
HeaderStandard
Nav menu
The header that drives a real menu: your site logo and name at the left, your WordPress navigation menu centred, and a search field with a visible label at the right behind a full-height currentColor hairline. The menu, the logo and the field are dynamic core blocks, so the bar shows your site's own menu and your own mark; the preview here is sample data. With no menu assigned, core falls back to a list of your pages. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Ink bar
Thumbnail in Twenty Twenty-Five
HeaderStandard
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, four links and one filled action over a 3px rule. Two stacked rows, two rules of different weight, both held to the same measure, so the top of the page reads as printed matter. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Night masthead