Header with Button

[iamtakashi]

Screenshot:

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}},"className":"gapless-group","layout":{"inherit":"true","type":"constrained"}} -->
<div class="wp-block-group alignfull gapless-group" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->

<!-- wp:site-title {"fontSize":"medium"} /-->

<!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right"},"style":{"spacing":{"blockGap":"20px"}},"fontSize":"small"} -->
<!-- wp:navigation-link {"label":"About","url":"#","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Blog","url":"#","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Contact","url":"#","isTopLevelLink":true} /-->
<!-- /wp:navigation --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button">Start a project</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

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

[iamtakashi]

Forgot to ping. Thanks in advance 🙇🏻‍♂️

cc: @alaczek @onuro

[onuro]

This is really nice! Straight up looking good to me

[alaczek]

Looking awesome! 👏

[iamtakashi]

Thanks, guys. Published!