Patternspiration

001230423

  • Twenty Twenty Two

    A functional default theme, Twenty Twenty Two had a feature header that inspired this pattern – the travelling bird. For this pattern it has the bird transformed to a cover art piece in duotone, to start any content you want.

    Pattern

    A bird flies high and starts the text off.

    Then you begin.


    Code

    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:cover {"url":"https://patternspiration.com/wp-content/uploads/2023/07/flight-path-on-transparent-d.png","id":1379,"isRepeated":true,"dimRatio":0,"focalPoint":{"x":0.92,"y":0},"contentPosition":"bottom left","isDark":false,"align":"wide","style":{"color":{"duotone":"var:preset|duotone|dark-grayscale"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-cover alignwide is-light is-repeated has-custom-content-position is-position-bottom-left" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background wp-image-1379 is-repeated" style="background-position:92% 0%;background-image:url(https://patternspiration.com/wp-content/uploads/2023/07/flight-path-on-transparent-d.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"color":{"text":"#737373"}},"fontSize":"large","fontFamily":"source-serif-pro"} -->
    <p class="has-text-align-center has-text-color has-source-serif-pro-font-family has-large-font-size" style="color:#737373"><mark style="background-color:#000000" class="has-inline-color has-base-color">A</mark> bird flies high and starts the text off.</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>Then you begin.</p>
    <!-- /wp:paragraph --></div></div>
    <!-- /wp:cover --></div>
    <!-- /wp:group -->
    
    <!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"color":{"background":"#e5e5e5"}},"className":"is-style-wide"} -->
    <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);background-color:#e5e5e5;color:#e5e5e5"/>
    <!-- /wp:separator -->

    Screenshot


Tags: