system: You are an assistant that generates WordPress patterns.

user: Wide image has a vertical text on a side (the text has each letter is on its own line, thus creating a vertical direction). Below there is 2-columns layout with dark background and white text. The text contains title, description and more link. There is a decorative matrix of dots in the second column.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"layout":{"contentSize":"1280px"}} -->
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"gradient":"linear-gradient(180deg,rgba(0,0,0,0) 70%,rgb(0,0,0) 70%)"}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile has-background" style="background:linear-gradient(180deg,rgba(0,0,0,0) 70%,rgb(0,0,0) 70%);margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-287.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=d78edef2f7240168dbc4b52697782e93","dimRatio":0,"minHeight":50,"minHeightUnit":"vh","isDark":false,"style":{"color":[]}} -->
<div class="wp-block-cover is-light" style="min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-287.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=d78edef2f7240168dbc4b52697782e93" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80px","style":{"spacing":{"padding":{"top":"1em"}}}} -->
<div class="wp-block-column" style="padding-top:1em;flex-basis:80px"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":1.3,"fontStyle":"normal","fontWeight":"700","fontSize":"16px"}}} -->
<p class="has-text-align-center" style="font-size:16px;font-style:normal;font-weight:700;line-height:1.3">D<br>E<br>S<br>I<br>G<br>N</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"3em","right":"5%","bottom":"3em","left":"5%"},"margin":{"top":"0px","bottom":"0px"}},"border":{"radius":[]}},"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:3em;padding-right:5%;padding-bottom:3em;padding-left:5%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.2em","fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 style="font-size:14px;font-style:normal;font-weight:700;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;text-transform:uppercase;letter-spacing:0.2em">— This is the title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.5"}}} -->
<p style="font-size:28px;font-style:normal;font-weight:500;line-height:1.5">Just a short sentence. Write your own copy text here. This is just a demo text you should overwrite. Just a short sentence. Write your own copy text here.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
<p style="font-style:normal;font-weight:500"><a href="#0">Show Me More →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"28px","lineHeight":"1.5"}}} -->
<p class="has-text-align-right" style="font-size:28px;line-height:1.5"><br>• • • • • •<br>• • • • • •<br>• • • • • •</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->