system: You are an assistant that generates WordPress patterns.

user: Creatieve lay-out die een offset afbeelding en tekst simuleert op een subtiele achtergrond. De tekstkolom bevat een titel, beschrijving en een knop. De afbeelding lijkt verticaal boven de tekstkolom te zijn geplaatst, waardoor een cascade- en trapeffect ontstaat.

assistant: <!-- wp:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"3em","left":"0px"}},"color":{"gradient":"linear-gradient(90deg,rgba(255,128,0,0) 50%,rgba(255,128,0,0.06) 50%)"}}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(90deg,rgba(255,128,0,0) 50%,rgba(255,128,0,0.06) 50%);padding-top:0px;padding-right:0px;padding-bottom:3em;padding-left:0px;flex-basis:50%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":{"topRight":null,"bottomLeft":null,"bottomRight":null}}}} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-326.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=41ad3035d8a7d1070ab9dd3743e6a0fc" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","style":{"spacing":{"padding":{"right":"0px","bottom":"0px","left":"0px","top":"0px"}},"color":{"background":"#ff80000f"}}} -->
<div class="wp-block-column is-vertically-aligned-bottom has-background" style="background-color:#ff80000f;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"3em","right":"10%","bottom":"3em","left":"10%"}}}} -->
<div class="wp-block-group" style="padding-top:3em;padding-right:10%;padding-bottom:3em;padding-left:10%"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.2em","fontSize":"14px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 style="font-size:14px;font-style:normal;font-weight:700;line-height:1;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;text-transform:uppercase;letter-spacing:0.2em">— Wat we doen</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.2"}},"fontSize":"x-large"} -->
<p class="has-x-large-font-size" style="font-style:normal;font-weight:700;line-height:1.2">Creatief ontwerp.</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}}} -->
<p style="font-size:24px;font-style:normal;font-weight:500;line-height:1.4">Gewoon een korte zin. Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven. Gewoon een korte zin. Schrijf hier je eigen tekst.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"50px"}}}} -->
<div class="wp-block-buttons" style="margin-top:50px"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"typography":{"fontSize":"14px"},"spacing":{"padding":{"top":"1.5em","bottom":"1.5em"}}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background" href="#0" style="padding-top:1.5em;padding-bottom:1.5em">— MEER INFO —</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->