Page header cover strip, Pattern Paste Canonical: https://patternpaste.com/pattern/page-header-cover-strip.html Library (https://patternpaste.com/patterns/) Page header (https://patternpaste.com/patterns/page-header/) Catalogue access Standard # 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. The signature moment ## A narrow title strip beside a large photograph The photograph takes most of the width, while every word stays in a narrow solid plate. The unequal split makes the photograph the dominant field without placing type on it. At phone width the two columns stack in their authored order, so the title still introduces the image. Theme handoff ## What comes from where ### Theme and pattern Inherits: the base and contrast colours, the typeface, the type ladder and the spacing scale. Decides: the unequal split, the 44rem height, the low title position and the introduction's measure. The plate uses your base and its text uses your contrast; the text is checked at 4.5:1 against the plate. 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 An interior-page opener with a small location label, h1 title and short introduction in a narrow full-height plate beside a broad uninterrupted photograph. On a phone the title strip reads first and the photograph follows. ### The signature moment: a narrow title strip beside a large photograph The photograph takes most of the width, while every word stays in a narrow solid plate. The unequal split makes the photograph the dominant field without placing type on it. At phone width the two columns stack in their authored order, so the title still introduces the image. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits, what it decides Inherits: the base and contrast colours, the typeface, the type ladder and the spacing scale. Decides: the unequal split, the 44rem height, the low title position and the introduction's measure. The plate uses your base and its text uses your contrast; the text is checked at 4.5:1 against the plate. Technical notesBlock mechanics, responsive behaviour and constraints ### The differentiation audit The existing Page header patterns are typographic stacks, ruled records or a sheet crossing a colour boundary. cover-plate grows a plate from a photograph's lower corner. This pattern holds its plate as a separate, full-height column and leaves the adjacent photograph entirely uninterrupted. ### Type and hierarchy - The h1 uses the theme's xx-large rung with a fluid fallback. It is ordinary page hierarchy rather than display type, and states only its size and colour. - The introduction uses the medium rung with a fluid fallback and a 1.6 line height. - The location is a label with its own 15px floor and a small amount of tracking. The hierarchy comes from its scale beside the h1. ### Layout - A full-width two-column row gives the title plate a fluid 20rem to 30rem basis and lets the photograph fill the remaining width, with no gap between them. That larger floor protects the title and body measure at tablet width. - The photograph is an empty core/cover at a 44rem minimum height. Its zero veil leaves the image intact because no type sits over it. - The title column stretches to the cover's height on a wide screen rather than setting its own content-box height. A fluid top margin holds the title and introduction low while the location remains high. Once stacked, the column returns to the height of its content. - Core Columns stacks below its mobile breakpoint. The plate is authored first, so the page title remains first in reading order. ### What a buyer changes first Replace the photograph, then change the location label, title and introduction. The title is built for two to five words and the introduction for one short sentence. ### Included image The copied markup includes a WordPress Photo Directory photograph of the Iloilo Convention Center. The public image URL keeps the example visible after pasting. Select the cover and choose Replace to use your own Media Library file. See image credits (https://patternpaste.com/image-credits/) for the source and license. Pasting an image URL does not import a Media Library attachment. 4.2KB of core-block markup, 6 blocks (column, columns, cover, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Start free trial to copy (https://patternpaste.com/account/#plan) What you copy is yours forever. Cancel whenever. Back to the library (https://patternpaste.com/patterns/) Catalogue access ### £70 a year Save £50 Or £10 a month All patterns, variations and theme downloads. What you copy is yours forever. Cancel whenever. Start with three days of full access on sign-up, no card. Start free trial (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. Cancel any time; access runs to the end of the period you have paid for, and there is no pro-rata refund. 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 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)Features Feature alternating Four feature rows, each a 4:3 frame set against its copy, with the seam flipping side to side down the page. The hairline that closes each row runs only under the text half, so the rule changes sides with the picture and the section never squares up on one edge. Example images are included and can be replaced in the editor. States no colour and no font of its own. (https://patternpaste.com/pattern/feature-alternating.html)Tables Compare matrix A capability matrix in a core table: one row per capability, one column for each of the two plans people choose between, and a mark in every cell, with a third plan named in one line under the table instead of a fourth column that would ladder its row headers on a phone. The recommended column is announced by a two-pixel bracket that stands over it and hands off to the table's own hairlines, so nothing is filled and nothing is coloured. Three fixed columns hold roughly 117 pixels each at 390. States no colour and no font of its own. (https://patternpaste.com/pattern/compare-matrix.html) #### Before you paste Requires a block theme on WordPress 6.7 to 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. How we test patterns (https://patternpaste.com/how-we-test/) Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Video variations need your own clip. Image credits (https://patternpaste.com/image-credits/). #### What's inside Blocks column, columns, cover, group, heading, paragraph Core only yes Chains 14, deepest 3 rungs currentColor no color base, black, contrast, role-label, white font-size medium, xx-large spacing 30 Continue exploring ## Next in Page header Explore all 6 Page header patterns (https://patternpaste.com/patterns/page-header/)Also in Cover (https://patternpaste.com/patterns/cover/) Shot in Twenty Twenty-Five Page header Page header Standard ### Post header Single-post furniture, built as a lit plate on an unlit band: the post's category, title and byline sit on a paper plate held to 74% of the measure, while the publication date hangs outside it on the ink, aligned to the plate's foot. 8 blocks · 1 variation Open preview (https://patternpaste.com/pattern/post-header.html) Ruled slip (https://patternpaste.com/pattern/post-header.html#variant=header-paper) Shot in Twenty Twenty-Five Page header Page header Standard ### Facts beside the title An interior-page opening that splits in two: a small tracked kicker and the page title hold the left 46% on their own, and the right 54% carries four facts as a ruled ledger, label against value on each line, divided by currentColor hairlines and closed by one at the foot. 5 blocks Open preview (https://patternpaste.com/pattern/page-header-facts.html) Shot in Twenty Twenty-Five Page header Page header Standard ### Page header lap An interior-page opening with a tracked breadcrumb on an inverted band, then the page title and one line of orientation on a sheet of your base that laps over the band's lower edge. 3 blocks Open preview (https://patternpaste.com/pattern/page-header-lap.html)