Cover seams: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/cover-seams.html Core Patterns (https://patternpaste.com/patterns/) Cover (https://patternpaste.com/patterns/cover/) Catalogue access Standard # Cover seams Three full-bleed photographs stacked edge to edge, each a chapter, with a numbered plate straddling every seam: half on one photograph and half on the next, alternating left and right, and the last plate stepping off the third photograph onto your theme's paper. Includes three replaceable example photographs. ## All patterns Search patterns Loading patterns… The signature moment ## The plates sit on the seams between photographs Each plate is pulled up by clamp(-10rem, -9vw, -6rem) so it sits half on one photograph and half on the next, alternating left, right, left; the third plate steps off the last photograph onto a band of your theme's paper. The plates join the photographs instead of sitting inside any one of them. Theme handoff ## What comes from where ### Theme and pattern Inherits every colour, the typeface and the spacing scale. Decides the lap depth, the photograph heights (the first a 40rem floor, the others the space under each plate), a 36rem plate on a 1240px measure, and the alternation. 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 Three full-bleed core/cover photographs stacked edge to edge, each a chapter of one day, and a numbered plate on every seam: eyebrow, x-large heading, one line of copy. No type touches a photograph. ### The signature moment: the plates sit on the seams between photographs Each plate is pulled up by clamp(-10rem, -9vw, -6rem) so it sits half on one photograph and half on the next, alternating left, right, left; the third plate steps off the last photograph onto a band of your theme's paper. The plates join the photographs instead of sitting inside any one of them. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits, what it decides Inherits every colour, the typeface and the spacing scale. Decides the lap depth, the photograph heights (the first a 40rem floor, the others the space under each plate), a 36rem plate on a 1240px measure, and the alternation. Technical notesBlock mechanics, responsive behaviour and constraints ### Why the covers are nested A cover clips its overflow and its photograph is a positioned layer, so a plate lapped across two SIBLING covers is either cut off or painted under the next photograph. So the third cover holds the second, the second holds the first, and each plate is a later sibling of the cover above its seam, inside the inner container of the cover below it. The plates are covers too (a 100% veil, no image): a plain group is not positioned and paints under the photograph it laps. ### Type never sits on a photograph Every word is on a plate: contrast under base type, or the inverse, so each pair is the theme's own body pair at full strength in every check theme. The photographs carry no veil and no text. Headings are on the theme's ladder (x-large, their job is hierarchy); copy is medium at 1.55. ### What a buyer changes first The three photographs: select a cover and choose Replace. Then the plates' copy; keep each heading to two lines at 390. ### The Styled look variations/buttercream-and-copper.html states its own colours and faces: deep brown plates (#3a261b) either side of a buttercream one (#f4e9cc), the page below buttercream, and copper chapter labels, a light copper (#d08a55) on the brown and a deep copper (#8f4a22) on the buttercream so each passes AA. A Didot stack (Bodoni MT, Big Caslon, Georgia) sets the headings over Gill Sans. ### Included images The copied markup includes WordPress Photo Directory example photographs. The public image URLs keep the examples visible after pasting. Select a cover and choose Replace to use your own Media Library files. See image credits (https://patternpaste.com/image-credits/) for the sources and licenses. Questions ## Cover seams: common questions Does Cover seams need a plugin? No. It is built only from core WordPress blocks (cover, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Cover seams match my theme? Choose by variation. Three seams takes your theme’s palette; Buttercream and copper brings its own colours. How many variations does Cover seams have? 2: Three seams and Buttercream and copper. Each is its own markup; choose one in the toolbar above the preview before you copy. Can I use my own images? Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Is Cover seams free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. 14KB of core-block markup, 4 blocks (cover, group, heading, 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)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)Call to action Callout response clock A call-out section where the day is drawn to scale: a label, heading and a call button over one framed bar of three segments whose widths are their hours, 8am to 6pm, 6pm to midnight and midnight to 8am. Each segment carries its hours, how long we take to arrive at display size and the call-out fee under a hairline, and one line under the bar gives the hourly rate after that. On a phone the bar stacks into three rows that still name their hours. States no colour and no font of its own. (https://patternpaste.com/pattern/callout-response-clock.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/) 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/). ## Specifications Section Cover 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 cover, group, heading, paragraph Presets color 4, spacing 2, font-size 3 WordPress 7.0+ Continue exploring ## Next in Cover Explore all 16 Cover patterns (https://patternpaste.com/patterns/cover/)Also in Hero (https://patternpaste.com/patterns/hero/) Shot in Twenty Twenty-Five Cover No plugin needed ### Cover seam stamp Two full-height photographs side by side at full bleed with no gap: the left under a heavy veil of your theme's contrast colour carrying an eyebrow, display headline, lede and button, the right clean. Cover Preview pattern (https://patternpaste.com/pattern/cover-seam-stamp.html) Shot in Twenty Twenty-Five Cover No plugin needed ### Cover stair Three tall portrait photographs in a row, each set lower than the last by the same step so their tops form a staircase, with a numbered label and a short title under each. Cover Preview pattern (https://patternpaste.com/pattern/cover-stair.html) Shot in Twenty Twenty-Five Cover No plugin needed ### Cover triptych One landscape photograph cut into three tall panels hung side by side with a gap of your page between them: each panel is a cover at exactly a third of the picture's shape, focused on its own third, so the image runs on across the gaps. Cover Preview pattern (https://patternpaste.com/pattern/cover-triptych.html)