Subscription with Blue Cover Background

[onuro]

Screenshot:

<!-- wp:cover {"customOverlayColor":"#034afd","minHeight":50,"minHeightUnit":"vh","align":"wide","style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<div class="wp-block-cover alignwide" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#034afd"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"30px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":5972,"width":50,"height":50,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://dotcompatterns.files.wordpress.com/2022/08/star1-1.png?w=100" alt="" class="wp-image-5972" width="50" height="50"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":5973,"width":50,"height":50,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://dotcompatterns.files.wordpress.com/2022/08/star2-1.png?w=100" alt="" class="wp-image-5973" width="50" height="50"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"600","fontSize":"2.1rem","lineHeight":1.3}},"fontFamily":"roboto"} -->
<h2 class="has-roboto-font-family has-custom-font" style="font-size:2.1rem;font-style:normal;font-weight:600;line-height:1.3;text-transform:uppercase;font-family:roboto">Our newsletter is packed with awesome deals. Don’t miss them!</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Subscribe to our newsletter for cool tips, campaigns and new things.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"color":{"background":"#fffffe"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"border":{"radius":"144px","width":"0px","style":"none"}}} -->
<div class="wp-block-group has-background" style="border-style:none;border-width:0px;border-radius:144px;background-color:#fffffe;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:jetpack/subscriptions {"submitButtonText":" Subscribe → ","customButtonBackgroundColor":"#06309a","borderRadius":40,"borderWeight":0,"customBorderColor":"#06309a","className":"is-style-compact"} -->
<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline is-style-compact">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" submit_button_text=" Subscribe → " custom_background_button_color="#06309a" custom_font_size="16px" custom_border_radius="40" custom_border_weight="1" custom_border_color="#06309a" custom_padding="15" custom_spacing="10" submit_button_classes="" email_field_classes="" show_only_email_and_button="true" success_message="Success! An email was just sent to confirm your subscription. Please find the email now and click &#039;Confirm Follow&#039; to start subscribing."]</div>
<!-- /wp:jetpack/subscriptions --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

Preview: https://dotcompatterns.wordpress.com/?p=5966&preview=true

[alaczek]

I like this one, but the design needs some tweaking. The color of the "Subscribe" button feels off, there's not enough contrast. It begs to be white, although the button would have to be separated from the form in that case.

[onuro]

Good call. Updated with split form(darker button contrast test didn't feel like helped a lot).

Wdyt?

[iamtakashi]

I like the use of the sparkles. But I'm not sure about the all-caps heading. It seems to be too loud and wordy in the design.

[onuro]

Hmm. I was still in favor of all caps, but yeah low caps with a bit added weight did feel smoother:

[iamtakashi]

Nice. I personally like the above better. 👍

[onuro]

Thanks! Published!