• Twenty Sixteen

    Twenty Sixteen was a minimal, spacious but bold typography focused theme. This pattern takes those bones as inspiration creating a strip to use anywhere you need a call out. It’s one of the more functional default theme patterns in memory of the functionality of this theme itself.

    Pattern

    Sometimes you need space

    A large header and some simple text is all you need in a big box of content. Come sail away on the sea of minimalist themes in a pattern built to celebrate the history of themes.


    Asides are missed

    There was a time when we used asides so much.

    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"clamp(2.5rem, 8vw, 4.5rem)","bottom":"clamp(2.5rem, 8vw, 4.5rem)"}},"border":{"width":"12px"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
    <div class="wp-block-group alignwide" style="border-width:12px;padding-top:clamp(2.5rem, 8vw, 4.5rem);padding-right:var(--wp--preset--spacing--50);padding-bottom:clamp(2.5rem, 8vw, 4.5rem);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|50"}}}} -->
    <div class="wp-block-columns alignwide"><!-- wp:column -->
    <div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"large"} -->
    <h2 class="wp-block-heading has-large-font-size" style="font-style:normal;font-weight:700">Sometimes you need space</h2>
    <!-- /wp:heading -->
    
    <!-- wp:paragraph -->
    <p>A large header and some simple text is all you need in a big box of content. Come sail away on the sea of minimalist themes in a pattern built to celebrate the history of themes.</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"width":"260px"} -->
    <div class="wp-block-column" style="flex-basis:260px"><!-- wp:separator {"backgroundColor":"contrast"} -->
    <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background"/>
    <!-- /wp:separator -->
    
    <!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
    <h2 class="wp-block-heading has-small-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase">Asides are missed</h2>
    <!-- /wp:heading -->
    
    <!-- wp:paragraph {"fontSize":"small"} -->
    <p class="has-small-font-size">There was a time when we used asides so much.</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></div>
    <!-- /wp:group -->
    

    Screenshot


Tags: