Header with Site Title and Vertical Navigation

[alaczek]

<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"spacing":{"padding":{"top":"2em","bottom":"4em"}}}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile" style="padding-top:2em;padding-bottom:4em"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0em","top":"0em"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-group alignwide" style="padding-top:0em;padding-bottom:0em"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"vertical"},"style":{"spacing":{"blockGap":"6px"}},"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 --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

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

[onuro]

Looks good

[iamtakashi]

Oh, this pattern has custom links in the navigation. Why don't we do the same in other header patterns that have blank navigation? I think having custom links in the navigation helps users to see how the pattern was designed in the pattern inserter.

[alaczek]

I'll look into adding a couple of default links to other patterns.

Publishing this one.