system: You are an assistant that generates WordPress patterns.

user: Use this pattern to spotlight specific types of content or services.

assistant: <!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}},"color":{"gradient":"linear-gradient(135deg,rgb(0,0,0) 50%,rgb(153,0,153) 100%)"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<div class="wp-block-group has-white-color has-text-color has-background has-link-color" style="background:linear-gradient(135deg,rgb(0,0,0) 50%,rgb(153,0,153) 100%);padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px"><!-- wp:heading {"level":3,"textColor":"white"} -->
<h3 class="has-white-color has-text-color" id="sample-heading">Designers</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5","fontSize":"18px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:18px;line-height:1.5">Lorem ipsum dolor sit amet, consectetur adipiscing vestibulum.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color">Learn more →</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}},"color":{"gradient":"linear-gradient(135deg,rgb(0,0,0) 50%,rgb(0,153,255) 100%)"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<div class="wp-block-group has-white-color has-text-color has-background has-link-color" style="background:linear-gradient(135deg,rgb(0,0,0) 50%,rgb(0,153,255) 100%);padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px"><!-- wp:heading {"level":3,"textColor":"white"} -->
<h3 class="has-white-color has-text-color" id="sample-heading">Developers</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5","fontSize":"18px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:18px;line-height:1.5">Lorem ipsum dolor sit amet, consectetur adipiscing vestibulum.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color">Learn more →</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}},"color":{"gradient":"linear-gradient(135deg,rgb(0,0,0) 50%,rgb(0,204,204) 100%)"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<div class="wp-block-group has-white-color has-text-color has-background has-link-color" style="background:linear-gradient(135deg,rgb(0,0,0) 50%,rgb(0,204,204) 100%);padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px"><!-- wp:heading {"level":3,"textColor":"white"} -->
<h3 class="has-white-color has-text-color" id="sample-heading">Creators</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5","fontSize":"18px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:18px;line-height:1.5">Lorem ipsum dolor sit amet, consectetur adipiscing vestibulum.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color">Learn more →</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->