Typography & colour systems Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula ultricies, sodales massa at, vehicula libero. Curabitur vehicula luctus elit a sagittis. Primary Secondary Pattern Code <!-- wp:group {"align":"full","layout":{"type":"constrained"}} --> <div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"center","align":"full"} --> <div class="wp-block-columns alignfull are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained","wideSize":"50vw","contentSize":"50vw"}} --> <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"center","id":null,"width":500,"height":500,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0729.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=a1b559bee024740f366e16cf04e7b04c" alt="" width="500" height="500" /></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} --> <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading --> <h2>Typography & colour systems</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula ultricies, sodales massa at, vehicula libero. Curabitur vehicula luctus elit a sagittis. </p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"fontSize":"medium"} --> <div class="wp-block-buttons has-custom-font-size has-medium-font-size"><!-- wp:button {"style":{"border":{"radius":"5px"},"color":{"background":"#076ca6"}},"fontSize":"medium"} --> <div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-background wp-element-button" style="border-radius:5px;background-color:#076ca6">Primary</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"white","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} --> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-background-color has-background wp-element-button" style="border-radius:5px">Secondary</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->