Link in Bio with Retro Pink Background

[iamtakashi]

An additional LiB pattern based on the feedback from Matt.

Category: Link in Bio

Tag: Pattern, Layout

Screenshot:

Markup:

<!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2022/10/retro-2.jpg","id":8070,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-8070" alt="" src="https://dotcompatterns.files.wordpress.com/2022/10/retro-2.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"color":{"text":"#085270"},"elements":{"link":{"color":{"text":"#085270"}}}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group has-text-color has-link-color" style="color:#085270"><!-- wp:site-logo {"width":200,"align":"center","className":"is-style-rounded"} /-->

<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"typography":{"fontSize":"2.06rem","lineHeight":"1.1","fontStyle":"normal","fontWeight":"700"}}} /-->

<!-- wp:site-tagline {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.5"},"spacing":{"margin":{"top":"0.38rem"}}},"fontSize":"small"} /-->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0.75rem"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#e96f9b"},"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:100px;background-color:#e96f9b"><strong>The Best Anime News Sites on the Web</strong></a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#e96f9b"},"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:100px;background-color:#e96f9b"><strong>Join Anime Planet</strong></a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#e96f9b"},"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:100px;background-color:#e96f9b"><strong>️Review: Anime of Summer 2022</strong></a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#e96f9b"},"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:100px;background-color:#e96f9b"><strong>Oshi no Ko Anime Debuts 2023</strong></a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#e96f9b"},"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:100px;background-color:#e96f9b"><strong>Check Out This Voice Actor Tips!</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

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

cc: @alaczek @onuro

[alaczek]

Nice one! I really like the background image 👍

[iamtakashi]

Published!