Revisit the bundled Query Block patterns

[kjellr]

@jasmussen and I worked on a few initial Query block patterns to be bundled with Gutenberg as part of #28891:

Large	Medium	Small

Those were always meant to be temporary to start with. Let's take another look at these, both to replace the current ones for now, but also so that we eventually have a nice set of WordPress community-designed query block patterns to add to the Pattern Directory at launch.

Let's use this thread to brainstorm possible designs. 🌟

[kjellr]

Here are a handful of explorations to start us off. Most of these are a bit non-traditional, so we'd want to balance with some more standard layouts too I imagine. Also, note that the bottom one would need some direction forward on #30380.

[paaljoachim]

Here are lots to get inspired by....

https://www.harvestmagazine.no/

A Card View (somewhat similar to how Media&Text Block)

A variation to the above Card view.

Image view.

Originally posted here:
MediaRon/post-type-archive-mapping#72

---

A few additions.

https://www.wired.com/

https://pixelgrade.com/themes/portfolio/gema/ref/3/

https://www.helpscout.com/blog/

https://blog.hubspot.com/blog/tabid/6307/bid/34143/12-Inspiring-Examples-of-Beautiful-Blog-Homepage-Designs.aspx

http://www.fubiz.net/

---

https://www.brit.co/

---

---

---

---

---

---

https://johnnycupcakes.com/

[paaljoachim]

Even more.

I searched for card view designs and happened to come across this site. Lots of nice designs there.
https://bashooka.com/cms/beautiful-card-based-wordpress-themes/

[beafialho]

Here are a few query block patterns I've been working on as well:

[melchoyce]

A couple more generic ideas:

[georgeolaru]

A while ago, we designed a block that uses a set of parametric variables to generate a variety of layouts and put cards together in a visual hierarchy. It might be outside the scope of this issue as it relates to the overall layout, but I leave it here as it could spark some ideas for someone.

Here is the full video with a demo:

[aaditya704]

Here are some more ideas:

[ntsekouras]

Hey 👋 - just keep in mind the the pattern integration is still experimental and is being worked on with the various issues/PRs about this, like patterns in Placeholder, transforms etc..

Latest update is that the experimental scope was removed and blockTypes has taken its place (#30471). The rationale behind this is that every pattern should be available in the Inserter.

See the PR's description for more details.

[markhowellsmead]

Not every post has a featured image; over half of our agency clients either don't have imagery or don't want to spend time trying to find stock imagery for their posts. It would be great if the layouts worked both with and without images in every post, either using a configurable fallback image, background color or pattern.

[mtias]

This has been revised already.