-
Browse the library
The library is grouped by the part of a page a section belongs to: 22 of them, and every one of the 157 patterns is filed under exactly one, so you look where you would look on a wireframe rather than scrolling a wall of thumbnails. Search is the one thing that cuts across.
Every pattern page carries a live preview, which is not a screenshot: it is the HTML real WordPress rendered from that exact markup, in a frame you can resize. The width tabs are Desktop, Wide, Tablet, Mobile, so you can see a band reflow before you commit to it, and the caption under the frame names the theme it is wearing, that theme's typeface and its background colour.
If you have built a design system in the theme tool, switching it on re-skins every preview on this site at once. That is the point of it being here rather than on a separate page: you read the whole catalogue in your own colours and your own type before you pay anything.
-
Copy the markup
Press Copy on the pattern page. What lands on your clipboard is core-block markup: the same HTML comments and elements the block editor writes itself when you build a section by hand. There is no file to download, no zip, no importer.
6 patterns are free and need no account at all: complete, unredacted, with the fallback chains left in so you can read how the portability is done before you decide whether it is worth paying for. One subscription, £50 a year (save £94), or £12 a month, which is our launch pricing, covers every pattern, every variation, every page template and every theme download. You copy it from the pattern's own page while you are signed in; nothing is delivered by email.
A pattern with variations ships each finish as its own complete file. You copy the variation instead of the base, never as well as it.
-
Paste it into WordPress
Open the page or post you want it on in the block editor. Click into an empty paragraph in the content area, then press Cmd+V on a Mac or Ctrl+V on Windows. WordPress recognises the markup and expands it into real blocks in place.
If it pastes as a wall of text instead, you were not in an empty paragraph. The other route always works: open the editor's Options menu, choose Code editor, paste at the point you want the section, and switch back to the visual editor. That view is the raw markup, so there is nothing for the paste handler to get wrong.
What you get is ordinary core blocks. Change the words, swap an image, delete a column, drag it somewhere else, save it as your own reusable block. Nothing is locked, nothing phones home, and nothing needs this site again once it is on the page.
You need WordPress 6.7 or later. Every pattern is parsed and rendered on both ends of the 6.7 to 7.0 range before it ships, because block markup that is valid in one version can be marked invalid in another and WordPress says nothing about it until you open the editor.
-
It takes your theme, not ours
A pattern states no colour and no font of its own. Where it needs a colour it references your theme's own preset, with more presets behind it as fallbacks and a core default at the end of the chain, so it can never resolve to nothing. Where it needs type it states no family at all and inherits yours. Spacing comes from your theme's scale.
So the same pasted section is navy on one site and cream on another, in that site's typeface, without you editing a thing. We do not take that on trust either: every payload is rendered in real WordPress and its contrast is measured against the colour the browser actually resolved, not the one we wrote.
A few patterns promise something else on purpose, and the page says so on the badge. Signature means the payload states its own palette and looks identical in every theme, which is the right answer for a band that has to be the same on every client site. A stated type promise means it names a font stack, your theme's own rung first and a generic family last, so it lands on something the device has. Everything unbadged is Adaptive and inherits.
Needs plugin is the third badge and the only one that is an install: that payload embeds one of the companion plugin's blocks for motion. Deactivate the plugin and the section loses its wrapper and its movement, while your headings, text and images stay on the page as a plain stack. Everything else is Standard: copy, paste, done.
-
Point the pictures at your own media
Image and cover blocks arrive empty, exactly as the editor writes them before you pick a file. Click one, choose from your media library, done.
That is deliberate rather than unfinished. The photographs in the previews on this site are ours to show the patterns with and not yours to ship, and a pattern that carried images would carry a licence question onto every page you pasted it into. The layout is built so an empty slot still holds its shape: heights are fixed in text-relative units rather than screen heights, and type never sits directly on a photograph, so nothing collapses or becomes unreadable while the slot is still empty.
-
Or take a whole page
Templates are whole pages: 13 of them, each an ordered run of patterns that already ship in the library. Copy the page in one go and paste it into one empty post, or copy it section by section and keep only the runs you want.
A template is the concatenation of those exact pattern files, so lifting one section out of a template gives you byte for byte what that pattern's own page would have given you. Nothing in a template is a special version that only exists there.
-
No theme yet? Build one
The theme tool is free to use and needs no account. Set 8 colour roles, pick two families out of 13, set one spacing step, and you have a block theme WordPress installs.
It runs the same contrast audit we run over the patterns, and it will not build until every colour pair passes, so a theme it hands you is one every pattern in the library is legible in. That is the whole reason it exists here rather than as a separate product: it is the other half of the promise in step four.
Using it is free; downloading the theme is part of the subscription, the same as copying a paid pattern. Your design system lives in your own browser either way. A free account keeps 1 theme in the cloud so it follows you between machines, and a subscription keeps up to 50.
Once you have installed the theme you built, the install notes cover each of the ways to get it onto a site.
-
Your account, and what happens if you stop
Sign in at your account. It is one page: what you have access to, and the control that ends it. Cancel any time, from there, without asking anybody.
Expiry never changes a page you already built. A pattern you pasted is content in your own database, on your own server, and there is no term in the licence that lets us reach it. What lapsing costs you is this site: no new patterns, no copying the ones you did not take, no fresh theme downloads.
Use what you copied on as many sites as you like, yours or clients'. What the licence does not allow is redistributing the patterns themselves inside a theme, template or kit you sell. The terms set that line out, and the FAQ answers the rest.
Still unsure about something? The FAQ answers the rest, and the library is where this starts.