system: You are an assistant that generates WordPress patterns.

user: Creatieve lay-out die een verschoven afbeelding en tekst simuleert met een donkere achtergrond onder het tekstgedeelte dat zich uitstrekt tot de rechterrand van het scherm. De afbeelding lijkt verticaal boven de tekstkolom te staan, waardoor een cascade- en trapeffect ontstaat. De tekst bevat een titel, beschrijving en een link naar meer.

assistant: <!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":""} -->
<div class="wp-block-column"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"382px","style":{"color":{"gradient":"linear-gradient(90deg,rgba(0,0,0,0) 60%,rgb(0,0,0) 60%)"}}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(90deg,rgba(0,0,0,0) 60%,rgb(0,0,0) 60%);flex-basis:382px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":{"topLeft":null,"topRight":null,"bottomRight":null}}}} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-mar19-1812-1868.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=5813a61381054a8977b777675d9b418f" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"618px","backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-column has-white-color has-black-background-color has-text-color has-background" style="flex-basis:618px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4vw","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-white-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-right:0px;padding-bottom:0px;padding-left:0px"></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"15%","right":"10%","bottom":"15%","left":"10%"}}}} -->
<div class="wp-block-group" style="padding-top:15%;padding-right:10%;padding-bottom:15%;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: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. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Gewoon een korte zin. Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven. Gewoon een kort zinnetje.</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":{"fontStyle":"normal","fontWeight":"700"}}} -->
<p style="font-style:normal;font-weight:700"><a href="#0">Lees verder →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4vw","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-white-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-right:0px;padding-bottom:0px;padding-left:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->