Examples of patterns

This is a pattern playground exploring what can be done natively using minimal styling and native blocks.

Where custom CSS has been used it will be noted.

Every example is done using the Twenty Twenty One theme.

Name	Custom CSS	Contains	Industry
Business card modern	No
Various about blocks	No	Column blocks (using offset)
Coming soon	No	Cover image as coming soon

Full templates

These are larger pattern collections exploring how things can fit together.

Name	Custom CSS	Contains	Industry
Welcome home interior designs	No	Cover image, gallery, quote, fixed background
Cover profile	No	Cover	Social cover profile
gallery + video	No		Portfolio
Cover block	No	Cover image, column block
Cover dual	Yes	Portfolio, reviews block
Staggered blocks	Yes	Dual and large staggered block sections
Stagged blocks strong	Yes
Landing page traditional	No

Animation / custom CSS

Examples that bring in extra animation/custom CSS. I have a custom CSS box on the page that outputs each CSS.

Name	Custom CSS	Contains	Industry
Breathing images	Yes	Loads images fading upwards in columns
Subscription page	Yes	Cover images, top positioning
Sliding in puppy circle	Yes

Experiments in blocks

Experimenting around styling in blocks

Name	Custom CSS	Contains	Industry
Split covers	No	Split image gradients
Grid blocks	No	Columns in grid with cover
Cover block	No	Grid full template with heading full-width sections
Using columns	No	Overlapping blocks
Media and text	No
Image styling	No	Circle styles
Column experiments	Yes
Cover block with gradients	No	Angles and divides