system
You are an assistant that generates WordPress patterns.
user
Step Process which included four steps and four columns.
assistant
<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"70px","bottom":"70px","right":"20px","left":"20px"}}},"backgroundColor":"white"} -->
<div class="wp-block-columns alignwide has-white-background-color has-background" style="padding-top:70px;padding-right:20px;padding-bottom:70px;padding-left:20px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:600">¿Cómo lo usamos?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<p class="has-text-align-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.<br>The point of using Lorem Ipsum is that it has a more-or-less normal distribution</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"50px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:50px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"style":{"spacing":{"padding":{"top":"40px","right":"30px","bottom":"40px","left":"30px"}},"color":{"background":"#eeeeee"}}} -->
<div class="wp-block-column has-background" style="background-color:#eeeeee;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<h2 class="wp-block-heading" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:700">01</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-size:22px;font-style:normal;font-weight:500">Diseño</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<p style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:400">The point of using Lorem Ipsum is that it has a more-or-less normal distribution</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<p style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:400"><a href="#">Saber más →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#0000ff"},"spacing":{"padding":{"top":"40px","right":"30px","bottom":"40px","left":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#0000ff;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:700">02</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-size:22px;font-style:normal;font-weight:500">PATTERNS</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:400">The point of using Lorem Ipsum is that it has a more-or-less normal distribution</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:400"><a href="#">Saber más →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#000099"},"spacing":{"padding":{"top":"40px","right":"30px","bottom":"40px","left":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#000099;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:700">03</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-size:22px;font-style:normal;font-weight:500">LAYOUTS</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:400">The point of using Lorem Ipsum is that it has a more-or-less normal distribution</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:400"><a href="#">Saber más →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"40px","right":"30px","bottom":"40px","left":"30px"}}},"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background" style="padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:700">04</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-size:22px;font-style:normal;font-weight:500">STYLES</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;font-style:normal;font-weight:400">The point of using Lorem Ipsum is that it has a more-or-less normal distribution</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:400"><a href="#">Saber más →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->