Pattern Paste: WordPress Block Patterns That Fit Your Theme Canonical: https://patternpaste.com/ # Our layouts. Your WordPress theme’s style. Adaptive patterns inherit your block theme’s colours, fonts and spacing. Keep your existing theme and add layouts that fit your site. Choose from 232 block patterns, ready to copy, paste and edit in WordPress. - Checked for accessibility Contrast and reduced-motion checks in real WordPress. See how we test. (https://patternpaste.com/how-we-test/) - Edit with WordPress blocks Change the text, images and layout in the editor you already use. (https://patternpaste.com/how-it-works/#paste) From£70 a year Or £10 a month. The full pattern library, interactive blocks and theme downloads. Start your 3-day free trial (https://patternpaste.com/account/)Browse the library (https://patternpaste.com/patterns/) No card needed. No automatic charge. What you copy stays yours. Block themes, WordPress 6.7+. See it work with your theme 30 of 232 patterns, each one rendered by WordPress in Twenty Twenty-Five, set in Manrope ## Same layout. Your style. How it works (https://patternpaste.com/how-we-test/#themes) ### Find a look you like. Pick a theme and watch the same section take its fonts, colours and buttons. Live WordPress preview Twenty Twenty-Five px Build it section by section ## What’s your WordPress page missing? Start with the shape you need. Make the details your own. Explore all 24 categories (https://patternpaste.com/patterns/) ## Hero The opening section: a headline, a line of orientation and the first action. 23 patterns · 36 variations Explore (https://patternpaste.com/patterns/hero/)## Features What it does, laid out so each point gets its own weight. 20 patterns · 4 variations Explore (https://patternpaste.com/patterns/features/)## Gallery Images in a run, a grid or a pinned row. 27 patterns · 27 variations Explore (https://patternpaste.com/patterns/gallery/)## Pricing Plans side by side, with the recommended one doing the asking. 7 patterns · 4 variations Explore (https://patternpaste.com/patterns/pricing/)## FAQ Questions and answers, as a list, a ledger, a grid or one big question. 13 patterns · 11 variations Explore (https://patternpaste.com/patterns/faq/)## Footer The last thing on the page, with everything it has to carry. 6 patterns · 5 variations Explore (https://patternpaste.com/patterns/footer/) ## Interactive WordPress patterns Add motion to your pages with 36 interactive patterns. Install the included plugin once, then copy and paste. Your text and images stay readable if you turn the plugin off. The plugin is yours to use forever: after you cancel, it and every section using it keep working. Only updates and support stop. See the interactive patterns (https://patternpaste.com/interactive/) Shot in Twenty Twenty-Five Header Header Needs plugin ### Announcement marquee ticker A one-line announcement bar for the very top of a page: ten labelled notices, each a bold word and a short line, run slowly across a thin band on your contrast colour with a drawn dot between them, above a hand-off row that stands in for your header and opening section. 4 blocks Open preview (https://patternpaste.com/pattern/announcement-marquee-ticker.html) Shot in Twenty Twenty-Five Editorial Editorial Needs plugin ### Case scrollspy anatomy A case study told as a photo essay: a compact masthead, then four sections that each open on a large captioned photograph and several paragraphs of story, ending in a results ledger. 7 blocks Open preview (https://patternpaste.com/pattern/case-scrollspy-anatomy.html) Shot in Twenty Twenty-Five Gallery Gallery Editorial Needs plugin ### Case stack panels Five case-study panels on a dark band: a short masthead, then five prints dealt over one another as you scroll, each one a photograph in a wide cinematic crop with its client, its year and one line of outcome on the plate beneath it. 7 blocks Open preview (https://patternpaste.com/pattern/case-stack-panels.html) How it works ## Copy the layout. It takes your theme’s style. Adaptive patterns inherit your block theme’s colours, fonts and spacing, with every block ready to edit. - ### Find your section Browse the library. Try a live preview at desktop, tablet and mobile widths. Explore the library (https://patternpaste.com/how-it-works/#browse) - ### Copy the pattern One click puts the block markup on your clipboard, ready for WordPress. How copying works (https://patternpaste.com/how-it-works/#copy) - ### Paste into your page Paste into an empty paragraph in the WordPress block editor. Your section becomes editable blocks. Where to paste (https://patternpaste.com/how-it-works/#paste) - ### It inherits your theme Adaptive patterns use your block theme’s colours, fonts and spacing. Add your own words and images. How inheritance works (https://patternpaste.com/how-it-works/#inherit) Some sections move. Look for the Needs plugin (https://patternpaste.com/docs/install-pattern-paste/) badge and install the companion plugin before pasting those sections. 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. ## Featured WordPress patterns Explore different layouts and styles. Open a pattern to preview its variations and choose one for your page. Browse all 232 patterns (https://patternpaste.com/patterns/) Shot in Twenty Twenty-Five Editorial Editorial Gallery Standard ### Editorial lap A two-frame editorial spread where an inverted headline slab laps up over the first photograph and breaks out of its column. 7 blocks · 5 variations Open preview (https://patternpaste.com/pattern/editorial-lap.html) Shot in Twenty Twenty-Five Logos Logos Standard ### Logo bar A social-proof band of five partner logos on one line, held as a tight cluster inside two hairlines that run the full measure, with the label pair spread across the top. 6 blocks · 3 variations Open preview (https://patternpaste.com/pattern/logo-bar.html) Shot in Twenty Twenty-Five Cover Cover Standard ### Cover interval A short full-bleed band of looping video set between two text sections, almost empty on purpose: a 20% veil of your contrast colour over the clip and one small ink plate on the bottom-right edge carrying a tracked label and one line. 3 blocks · 2 variations Open preview (https://patternpaste.com/pattern/cover-interval.html) Shot in Twenty Twenty-Five Cover Cover Hero Standard ### Cover lap A page opener where a full-bleed photograph gives way to a band of your theme's paper, and an ink plate carrying the eyebrow, headline, lede and button straddles the edge between them: half on the picture, half on the page. 6 blocks · 2 variations Open preview (https://patternpaste.com/pattern/cover-lap.html) Shot in Twenty Twenty-Five Cover Cover Stats Standard ### Cover ledger A full-bleed cover on your own photograph with nothing on it but a ledger of three paper plates flush along its foot: a number at display size, a small tracked label and one line on each, with the photograph showing through the gaps. 5 blocks · 2 variations Open preview (https://patternpaste.com/pattern/cover-ledger.html) Shot in Twenty Twenty-Five Cover Cover Page header Standard ### Cover plate A full-bleed cover on your own photograph with a paper plate grown out of its bottom-left corner carrying the eyebrow, headline and one line. 4 blocks · 2 variations Open preview (https://patternpaste.com/pattern/cover-plate.html)