Automattic / blockpatterns

Repo of block patterns to work with
7 stars 2 forks source link

Subscription Media and Text Dark #265

Open onuro opened 2 years ago

onuro commented 2 years ago

Screenshot:

image
<!-- wp:media-text {"align":"full","mediaId":6013,"mediaType":"image","style":{"color":{"background":"#0e1d1a","text":"#fffffa"}}} -->
<div class="wp-block-media-text alignfull is-stacked-on-mobile has-text-color has-background" style="color:#fffffa;background-color:#0e1d1a"><figure class="wp-block-media-text__media"><img src="https://dotcompatterns.files.wordpress.com/2022/08/mailbox-red.jpg?w=1024" alt="" class="wp-image-6013 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"blockGap":"30px","padding":{"bottom":"50px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-bottom:50px"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"3.5rem"}}} -->
<h2 style="font-size:3.5rem;font-style:normal;font-weight:700">All the goodness. Delivered to your inbox.</h2>
<!-- /wp:heading -->

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

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:jetpack/subscriptions {"buttonWidth":"","submitButtonText":"\u003cstrong\u003e Subscribe\u003c/strong\u003e","customButtonBackgroundColor":"#9f1c21","borderRadius":0,"borderWeight":0,"customBorderColor":"#9f1c21","padding":15,"spacing":10,"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="&lt;strong&gt; Subscribe&lt;/strong&gt;" custom_background_button_color="#9f1c21" custom_font_size="16px" custom_border_radius="0" custom_border_weight="1" custom_border_color="#9f1c21" custom_padding="15" custom_spacing="10" submit_button_classes="no-border-radius" email_field_classes="no-border-radius" 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:media-text -->

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

alaczek commented 2 years ago

I like the design of this one! The only thing that gives me pause is the use of a very old-school mailbox image. Not saying its' a blocker. What do you think @iamtakashi ?

iamtakashi commented 2 years ago

Yeah, it's worth another round of image selection. The mailbox is used to send mail in the UK :) With the copy, I imagine something representing a box where you place the mail you received.

onuro commented 1 year ago

Thanks @iamtakashi & @alaczek. Wdyt about this one?

image
iamtakashi commented 1 year ago

Hmm, I'm not too sure about that one as well.

alaczek commented 1 year ago

Yeah :) Still too literal for me too.