system
You are an assistant that generates WordPress patterns.
user
Enkel layout för att visa rubrik, text och bilder med ett stilrent resultat.
assistant
<!-- wp:group {"align":"full","style":{"color":{"background":"#f7e193"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"90%","justifyContent":"center"}} -->
<div class="wp-block-group alignfull has-background" id="kwpress-layout-container" style="background-color:#f7e193;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"verticalAlignment":"top","isStackedOnMobile":false,"align":"full"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-top is-not-stacked-on-mobile"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"color":{"text":"#000000"},"typography":{"textTransform":"none"}},"fontSize":"medium"} -->
<h5 class="has-text-color has-medium-font-size" id="ecosystem" style="color:#000000;text-transform:none">EKOSYSTEM</h5>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"color":{"text":"#000000"},"typography":{"fontStyle":"normal","fontWeight":"900","fontSize":"60px"}}} -->
<h2 class="has-text-color" style="color:#000000;font-size:60px;font-style:normal;font-weight:900">Positive growth.</h2>
<!-- /wp:heading -->

<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"0","left":"0"}}},"fontSize":"small"} -->
<div class="wp-block-columns is-not-stacked-on-mobile has-small-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"30%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:separator {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"luminous-vivid-amber","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-luminous-vivid-amber-color has-alpha-channel-opacity has-luminous-vivid-amber-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"5px","style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} -->
<div style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0px"}}}} -->
<div class="wp-block-columns alignfull" style="margin-top:0px"><!-- wp:column {"verticalAlignment":"center","width":"40%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"50px"}}} -->
<h2 style="font-size:50px;font-style:normal;font-weight:600">NATUR</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#000000"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#000000"><em>Natur</em>, i dess allmänna bemärkelse, avser saker som i grund och botten inte påverkats av människan: rymden, luften, floden, bladet. <em>Konst</em> betecknar en blandning av människans vilja med dessa element, såsom ett hus, en kanal, en staty eller en bild. Men människans samlade verksamhet är i jämförelse så obetydlig, lite avskalat, lite justerat, lite lappat och rengjort, att i ett intryck så storslaget som hela världen i människans ögon inte påverkar resultatet.</p>
<!-- /wp:paragraph -->

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

<!-- wp:column {"width":"53.94%","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:53.94%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"0rem","left":"0rem"}}},"backgroundColor":"luminous-vivid-amber","layout":{"type":"constrained","justifyContent":"right"}} -->
<div class="wp-block-group has-luminous-vivid-amber-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","style":{"color":[]}} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.pixabay.com/photo/2018/08/12/16/59/parrot-3601194_960_720.jpg" alt="Solen skiner över en ås som leder ner till stranden. På avstånd kör en bil längs en väg." /></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0px","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"120%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:120%"><!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"color":{"text":"#000000"},"typography":{"textTransform":"none"}},"fontSize":"medium"} -->
<h5 class="has-text-color has-medium-font-size" id="ecosystem" style="color:#000000;text-transform:none">NATUR</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"left","style":{"color":{"text":"#000000"},"typography":{"fontStyle":"normal","fontWeight":"900","fontSize":"60px"}}} -->
<h2 class="has-text-align-left has-text-color" style="color:#000000;font-size:60px;font-style:normal;font-weight:900">Let's protect it!</h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile has-small-font-size" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"50%","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:separator {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"luminous-vivid-amber","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-luminous-vivid-amber-color has-alpha-channel-opacity has-luminous-vivid-amber-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
<h4 style="font-style:normal;font-weight:500"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf.&nbsp;</h4>
<!-- /wp:heading -->

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

<!-- wp:image {"width":600,"height":383,"sizeSlug":"large","linkDestination":"none","style":{"color":[]}} -->
<figure class="wp-block-image size-large is-resized"><img src="https://cdn.pixabay.com/photo/2015/10/30/20/13/sunrise-1014712_960_720.jpg" alt="" width="600" height="383" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"100%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:100%"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-jan19-msp_0709_8783.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=6945c5434af9266e1389e693eb695dc6" alt="" /></figure>
<!-- /wp:image -->

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

<!-- wp:separator {"style":{"color":{"background":"#c39519"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#c39519;color:#c39519" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"color":{"text":"#000000"}},"backgroundColor":"luminous-vivid-amber","fontSize":"extra-small"} -->
<p class="has-luminous-vivid-amber-background-color has-text-color has-background has-extra-small-font-size" style="color:#000000"><em>Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man's condition is a solution in hieroglyphic to those inquiries he would put.</em></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"black","width":50,"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"50px"}},"className":"is-style-fill","fontSize":"medium"} -->
<div class="wp-block-button aligncenter has-custom-width wp-block-button__width-50 has-custom-font-size is-style-fill has-medium-font-size"><a class="wp-block-button__link has-black-color has-luminous-vivid-amber-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:50px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><strong>LÄS MER</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:separator {"style":{"color":{"background":"#c39519"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#c39519;color:#c39519" />
<!-- /wp:separator --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->