match archive pattern to the figma file

spearhead/assets/sass/_archive.scss

@@ -14,8 +14,3 @@
 		margin-top: 0;
 	}
 }
-
-.archive-page-heading {
-	line-height: 2.2em;
-	margin-bottom: 5px;
-}

spearhead/assets/sass/block-extends/_categories.scss

@@ -12,14 +12,12 @@ ul.wp-block-categories,
     }
 
 	.cat-item {
-		line-height: 2.2em;
-		margin: 0 0 5px 0;
+		margin: calc( 0.3 * var(--global--spacing-vertical) ) 0;
 	}
 
 	a {
 		color: var(--entry-header--color);
-		font-size: var(--latest-posts--title-font-size);
-		font-weight: var(--heading--font-weight);
+		font-size: var(--global--font-size-lg);
 
 		&:hover {
 			border-color: transparent;

spearhead/assets/sass/block-extends/_latest-posts.scss

@@ -1,15 +1,14 @@
 .wp-block-latest-posts {
-	margin: 0 auto var(--global--spacing-vertical);
-
 	> li {
-		line-height: 2.2em;
 
 		&:not(.is-grid) {
-			margin: 0 0 5px 0;
+			margin: calc( 0.3 * var(--global--spacing-vertical) ) 0;
 		}
 
 		> a {
 			color: var(--global--color-foreground-light);
+			font-size: var(--global--font-size-lg);
+			font-weight: 500;
 
 			&:hover {
 				border-color: transparent;

spearhead/inc/block-patterns.php

@@ -42,9 +42,11 @@ if ( ! function_exists( 'spearhead_register_block_patterns' ) ) :
 					'title'      => __( 'Archive page', 'spearhead' ),
 					'categories' => array( 'spearhead' ),
 					'content'    => '<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->
-					<!-- wp:spacer {"height":50} --><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer -->
-					<!-- wp:heading {"level":3,"className":"archive-page-heading"} --><h3 class="archive-page-heading">' . __( 'Top Posts', 'spearhead' ) . '</h3><!-- /wp:heading --><!-- wp:latest-posts /-->
-					<!-- wp:heading {"level":3,"className":"archive-page-heading"} --><h3 class="archive-page-heading">' . __( 'Categories', 'spearhead' ) . '</h3><!-- /wp:heading -->
+					<!-- wp:spacer {"height":30} --><div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer -->
+					<!-- wp:paragraph --><p>' . __( 'Latest Posts', 'spearhead' ) . '</p><!-- /wp:paragraph -->
+					<!-- wp:latest-posts /-->
+					<!-- wp:spacer {"height":10} --><div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer -->
+					<!-- wp:paragraph --><p>' . __( 'Categories', 'spearhead' ) . '</p><!-- /wp:paragraph -->
 					<!-- wp:categories /-->',
 				)
 			);

spearhead/style-rtl.css

@@ -301,11 +301,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
-.archive-page-heading {
-	line-height: 2.2em;
-	margin-bottom: 5px;
-}
-
 .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
@@ -361,20 +356,14 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
-.wp-block-latest-posts {
-	margin: 0 auto var(--global--spacing-vertical);
-}
-
-.wp-block-latest-posts > li {
-	line-height: 2.2em;
-}
-
 .wp-block-latest-posts > li:not(.is-grid) {
-	margin: 0 0 5px 0;
+	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
 }
 
 .wp-block-latest-posts > li > a {
 	color: var(--global--color-foreground-light);
+	font-size: var(--global--font-size-lg);
+	font-weight: 500;
 }
 
 .wp-block-latest-posts > li > a:hover {
@@ -417,14 +406,12 @@ ul.wp-block-categories,
 }
 
 .wp-block-categories .cat-item {
-	line-height: 2.2em;
-	margin: 0 0 5px 0;
+	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
 }
 
 .wp-block-categories a {
 	color: var(--entry-header--color);
-	font-size: var(--latest-posts--title-font-size);
-	font-weight: var(--heading--font-weight);
+	font-size: var(--global--font-size-lg);
 }
 
 .wp-block-categories a:hover {

spearhead/style.css

@@ -301,11 +301,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
-.archive-page-heading {
-	line-height: 2.2em;
-	margin-bottom: 5px;
-}
-
 .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
@@ -361,20 +356,14 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
-.wp-block-latest-posts {
-	margin: 0 auto var(--global--spacing-vertical);
-}
-
-.wp-block-latest-posts > li {
-	line-height: 2.2em;
-}
-
 .wp-block-latest-posts > li:not(.is-grid) {
-	margin: 0 0 5px 0;
+	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
 }
 
 .wp-block-latest-posts > li > a {
 	color: var(--global--color-foreground-light);
+	font-size: var(--global--font-size-lg);
+	font-weight: 500;
 }
 
 .wp-block-latest-posts > li > a:hover {
@@ -417,14 +406,12 @@ ul.wp-block-categories,
 }
 
 .wp-block-categories .cat-item {
-	line-height: 2.2em;
-	margin: 0 0 5px 0;
+	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
 }
 
 .wp-block-categories a {
 	color: var(--entry-header--color);
-	font-size: var(--latest-posts--title-font-size);
-	font-weight: var(--heading--font-weight);
+	font-size: var(--global--font-size-lg);
 }
 
 .wp-block-categories a:hover {

spearhead/variables.css

@@ -75,9 +75,6 @@
 	--pullquote--letter-spacing: 0;
 	--pullquote--line-height: 1.15;
 
-	/* --latest-posts--title-font-family: var(--global--font-secondary); */
-	--latest-posts--title-font-size: var(--global--font-size-lg);
-
 	--list--font-family: var(--global--font-secondary);
 
 	/* Sticky Posts */