fix typo

.drone.yml

@@ -0,0 +1,32 @@
+---
+kind: pipeline
+name: deploy main branch to new.lexscotland.org
+steps:
+  - name: php syntax check
+    image: php:8.2.19-cli
+    commands:
+      - for f in $(find /drone -name '*.php'); do php -l "$f"; done
+  # If a custom block is in use, uncomment this (and make sure package.json
+  # includes `scripts.build`, and change the `depends_on` below 
+  # - name: compile custom block
+  #   image: node:18.18.2
+  #   commands:
+  #     - npm install
+  #     - npm run build
+  #   depends_on:
+  #     - php syntax check
+  - name: docker cp deploy (new)
+    image: git.coopcloud.tech/coop-cloud/docker-cp-deploy:latest
+    settings:
+      host: smol-wp.autonomic.zone
+      service: new_lexscotland_org_app
+      source: .
+      exec_pre: rm -rf /var/www/html/wp-content/themes/lex-scotland-theme/*
+      dest: /var/www/html/wp-content/themes/lex-scotland-theme
+      deploy_key:
+        from_secret: drone_ssh_smol-wp.autonomic.zone
+    depends_on:
+      - php syntax check
+    when:
+      branch:
+       - main

assets/fonts/inclusive-sans/inclusive-sans.css

@@ -1,15 +0,0 @@
-/* inclusive-sans-italic */
-@font-face {
-	font-family: Inclusive Sans;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Inclusive Sans Italic"), local("InclusiveSans-Italic"), url(inclusive-sans-italic.woff2) format("woff2");
-}
-/* inclusive-sans-regular */
-@font-face {
-	font-family: Inclusive Sans;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Inclusive Sans Regular"), local("InclusiveSans-Regular"), url(inclusive-sans-regular.woff2) format("woff2");
-}
-

assets/fonts/overused-grotesk/overused-grotesk.css

@@ -1,99 +0,0 @@
-/* overused-grotesk-semibold-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Overused Grotesk SemiBold Italic"), local("OverusedGrotesk-SemiBoldItalic"), url(overused-grotesk-semibold-italic.woff2) format("woff2");
-}
-/* overused-grotesk-semibold */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Overused Grotesk SemiBold"), local("OverusedGrotesk-SemiBold"), url(overused-grotesk-semibold.woff2) format("woff2");
-}
-/* overused-grotesk-regular */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Overused Grotesk Regular"), local("OverusedGrotesk-Regular"), url(overused-grotesk-regular.woff2) format("woff2");
-}
-/* overused-grotesk-medium-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 500;
-	src: local("Overused Grotesk Medium Italic"), local("OverusedGrotesk-MediumItalic"), url(overused-grotesk-medium-italic.woff2) format("woff2");
-}
-/* overused-grotesk-medium */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 500;
-	src: local("Overused Grotesk Medium"), local("OverusedGrotesk-Medium"), url(overused-grotesk-medium.woff2) format("woff2");
-}
-/* overused-grotesk-light-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 300;
-	src: local("Overused Grotesk Light Italic"), local("OverusedGrotesk-LightItalic"), url(overused-grotesk-light-italic.woff2) format("woff2");
-}
-/* overused-grotesk-light */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 300;
-	src: local("Overused Grotesk Light"), local("OverusedGrotesk-Light"), url(overused-grotesk-light.woff2) format("woff2");
-}
-/* overused-grotesk-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Overused Grotesk Italic"), local("OverusedGrotesk-Italic"), url(overused-grotesk-italic.woff2) format("woff2");
-}
-/* overused-grotesk-extrabold-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Overused Grotesk ExtraBold Italic"), local("OverusedGrotesk-ExtraBoldItalic"), url(overused-grotesk-extrabold-italic.woff2) format("woff2");
-}
-/* overused-grotesk-extrabold */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Overused Grotesk ExtraBold"), local("OverusedGrotesk-ExtraBold"), url(overused-grotesk-extrabold.woff2) format("woff2");
-}
-/* overused-grotesk-bold-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 700;
-	src: local("Overused Grotesk Bold Italic"), local("OverusedGrotesk-BoldItalic"), url(overused-grotesk-bold-italic.woff2) format("woff2");
-}
-/* overused-grotesk-bold */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 700;
-	src: local("Overused Grotesk Bold"), local("OverusedGrotesk-Bold"), url(overused-grotesk-bold.woff2) format("woff2");
-}
-/* overused-grotesk-black-italic */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: italic;
-	font-weight: 900;
-	src: local("Overused Grotesk Black Italic"), local("OverusedGrotesk-BlackItalic"), url(overused-grotesk-black-italic.woff2) format("woff2");
-}
-/* overused-grotesk-black */
-@font-face {
-	font-family: Overused Grotesk;
-	font-style: normal;
-	font-weight: 900;
-	src: local("Overused Grotesk Black"), local("OverusedGrotesk-Black"), url(overused-grotesk-black.woff2) format("woff2");
-}
-

functions.php

@@ -8,3 +8,75 @@ function custom_stylesheet() {
 }
 
 add_action( 'wp_enqueue_scripts', 'custom_stylesheet' );
+
+add_action( 'init', 'lex_scotland_block_styles');
+
+function lex_scotland_block_styles() {
+	register_block_style( 'core/button', array(
+		'name'         => 'thin',
+		'label'        => __( 'Thin', 'lex-scotland' ),
+        'inline_style' => '
+            .wp-block-button.is-style-thin .wp-element-button {
+                padding: 8px 16px;
+                background: var(--wp--preset--color--washed-green);
+                color: var(--wp--preset--color--contrast);
+                border-radius: 0;
+                font-size: var(--wp--preset--font-size--small);
+                border: 1px solid var(--wp--preset--color--washed-green);
+                font-weight: 400;
+            }
+            .wp-block-button.is-style-thin .wp-element-button:hover {
+                border: 1px dashed;
+            }
+        '
+    ) );
+
+    register_block_style( 'core/paragraph', array(
+		'name'         => 'arrow-link',
+		'label'        => __( 'Arrow link', 'lex-scotland' ),
+        'inline_style' => '
+        p.is-style-arrow-link a:after {
+            display: inline-block;
+            content: "🡭";
+            padding-inline-start: 0.25rem;
+            vertical-align: middle;
+        }
+        '
+    ) );
+
+    register_block_style( 'core/paragraph', array(
+		'name'         => 'constrained',
+		'label'        => __( 'Constrained', 'lex-scotland' ),
+        'inline_style' => '
+            p.is-style-constrained {
+                max-width: 50ch;
+            }
+        '
+    ) );
+
+    register_block_style( 'core/list-item', array(
+		'name'         => 'constrained',
+		'label'        => __( 'Constrained', 'lex-scotland' ),
+        'inline_style' => '
+            li.is-style-constrained {
+                max-width: 50ch;
+            }
+        '
+    ) );
+}
+
+// enable customizer
+add_action( 'customize_register', '__return_true' );
+
+// add full page pattern category
+function lexscotland_pattern_categories() {
+    register_block_pattern_category(
+        'lexscotland_page',
+        array(
+            'label'       => _x( 'Pages', 'Block pattern category', 'lexscotland' ),
+            'description' => __( 'A collection of full page layouts.', 'lexscotland' ),
+        )
+    );
+}
+
+add_action( 'init', 'lexscotland_pattern_categories' );

parts/header.html

@@ -1,4 +1 @@
-<!-- wp:navigation -->
-<!-- wp:navigation-link {"label":"index","url":"https://localhost:8080/", "className": "bread-crumb"} -->
-<!-- /wp:navigation-link -->
-<!-- /wp:navigation -->
+<!-- wp:pattern {"slug":"/header"} /-->

patterns/header.php

@@ -0,0 +1,15 @@
+<?php
+/**
+ * Title: header
+ * Slug: /header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"bottom":{"color":"var:preset|color|main-purple","width":"3px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--main-purple);border-bottom-width:3px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--70)"><!-- wp:image {"lightbox":{"enabled":false},"width":"110px","sizeSlug":"large","linkDestination":"custom"} -->
+<figure class="wp-block-image size-large is-resized"><a href="/"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/logo-wordmark.png" alt="Lex Scotland: Living, Leading, Changing" style="width:110px"/></a></figure>
+<!-- /wp:image -->
+
+<!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"main-purple","layout":{"type":"flex","justifyContent":"left"},"style":{"typography":{"fontSize":"18px"}}} /--></div>
+<!-- /wp:group -->

templates/front-page.html

@@ -0,0 +1,13 @@
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:spacer {"width":"145px","style":{"layout":{"flexSize":"145px","selfStretch":"fixed"}}} -->
+<div style="height:100px;width:145px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:post-content {"align":"wide","style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /--></div>
+<!-- /wp:group -->

templates/index.html

@@ -1,60 +1,16 @@
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:spacer {"height":"16px"} -->
-  <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
-  <!-- /wp:spacer -->
-  
-  <!-- wp:template-part {"slug":"header","theme":"sample-wp-block-theme", "tagName":"header"} /-->
-  
-  <!-- wp:heading {"textAlign":"left","level":1} -->
-  <h1 class="wp-block-heading has-text-align-left">
-            Rutherford Craze is a type designer and developer interested in visual
-            systems, technology, and tools.
-          </h1>
-  <!-- /wp:heading -->
-  
-  <!-- wp:group {"layout":{"type":"flex"}} -->
-  <div class="wp-block-group"><!-- wp:navigation-link {"label":"About","url":"https://localhost:8080/about","className":"curly-braced"} /-->
-  
-  <!-- wp:paragraph -->
-  <p>⋅</p>
-  <!-- /wp:paragraph -->
-  
-  <!-- wp:navigation-link {"label":"Now","url":"https://localhost:8080/now","className":"curly-braced"} /-->
-  
-  <!-- wp:paragraph -->
-  <p>⋅</p>
-  <!-- /wp:paragraph -->
-  
-  <!-- wp:navigation-link {"label":"Links","url":"https://localhost:8080/links","className":"curly-braced"} /--></div>
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"header","theme":"lex-scotland-theme","tagName":"header"} /-->
+
+  <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+  <div class="wp-block-group" style="padding-right:0;padding-left:0">
+    <!-- wp:spacer {"width":"70px","style":{"layout":{"flexSize":"70px","selfStretch":"fixed"}}} -->
+    <div style="height:100px;width:70px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+    <!-- wp:post-content {"align":"wide","style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} /-->
+  </div>
   <!-- /wp:group -->
-  
-  <!-- wp:spacer {"height":"16px"} -->
-  <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
-  <!-- /wp:spacer -->
-  
-  <!-- wp:heading -->
-  <h2 class="wp-block-heading">Work</h2>
-  <!-- /wp:heading -->
-  
-  <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
-  <main class="wp-block-group"><!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]}} -->
-  <div class="wp-block-query"><!-- wp:post-template -->
-  <!-- wp:columns -->
-  <div class="wp-block-columns"><!-- wp:column -->
-  <div class="wp-block-column"><!-- wp:post-title {"level":3,"isLink":true,"className":"curly-braced"} /--></div>
-  <!-- /wp:column -->
-  
-  <!-- wp:column -->
-  <div class="wp-block-column"><!-- wp:post-date {"textAlign":"right","format":"M Y"} /--></div>
-  <!-- /wp:column --></div>
-  <!-- /wp:columns -->
-  <!-- /wp:post-template --></div>
-  <!-- /wp:query --></main>
-  <!-- /wp:group -->
-  
-  <!-- wp:spacer {"height":"400px"} -->
-  <div style="height:400px" aria-hidden="true" class="wp-block-spacer"></div>
-  <!-- /wp:spacer -->
-  
-  <!-- wp:template-part {"slug":"footer","theme":"sample-wp-block-theme"} /--></div>
-  <!-- /wp:group -->
+
+  <!-- wp:template-part {"slug":"footer","theme":"lex-scotland-theme"} /-->
+</div>
+<!-- /wp:group -->

templates/page-brochure.html

@@ -0,0 +1,13 @@
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:spacer {"width":"70px","style":{"layout":{"flexSize":"70px","selfStretch":"fixed"}}} -->
+<div style="height:100px;width:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:post-content {"align":"wide","style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /--></div>
+<!-- /wp:group -->

theme.json

@@ -1,117 +1,465 @@
 {
-  "version": 2,
+  "version": 3,
   "$schema": "https://schemas.wp.org/trunk/theme.json",
+  "customTemplates": [
+    {
+      "name": "page-brochure",
+      "postTypes": [
+        "page"
+      ],
+      "title": "Brochure"
+    }
+  ],
   "settings": {
-    "useRootPaddingAwareAlignments": true,
     "appearanceTools": true,
-    "layout": {
-      "contentSize": "1198",
-      "wideSize": "1368"
-    },
     "color": {
+      "defaultGradients": false,
+      "defaultPalette": false,
       "palette": [
         {
-          "slug": "background",
           "color": "#FFFAFA",
-          "name": "Background"
+          "name": "Background",
+          "slug": "background"
         },
         {
-          "slug": "contrast",
           "color": "#000000",
-          "name": "Contrast"
+          "name": "Contrast",
+          "slug": "contrast"
         },
         {
-          "slug": "main-purple",
           "color": "#722668",
-          "name": "Main Purple"
+          "name": "Main Purple",
+          "slug": "main-purple"
         },
         {
-          "slug": "washed-purple",
           "color": "#D0A7C0",
-          "name": "Washed Purple"
+          "name": "Washed Purple",
+          "slug": "washed-purple"
         },
         {
-          "slug": "main-green",
-          "color": "#008D62",
-          "name": "Main Green"
-        }, 
+          "color": "#E8BFE2",
+          "name": "Light Purple",
+          "slug": "light-purple"
+        },
+        {
+          "color": "#008D62",
+          "name": "Main Green",
+          "slug": "main-green"
+        },
+        {
+          "color": "#006949",
+          "name": "Dark Green",
+          "slug": "dark-green"
+        },
         {
-          "slug": "washed-green",
           "color": "#A1D7D2",
-          "name": "Washed Green"
+          "name": "Washed Green",
+          "slug": "washed-green"
+        },
+        {
+          "color": "#D1F2EF",
+          "name": "Light Green",
+          "slug": "light-green"
         }
       ]
     },
+    "layout": {
+      "contentSize": "1239px",
+      "wideSize": "1660px"
+    },
     "typography": {
+      "fluid": true,
       "fontFamilies": [
         {
-          "fontFamily": "Inter, sans-serif",
-          "name": "Inter",
-          "slug": "inter",
           "fontFace": [
             {
-              "fontFamily": "Inter",
-              "fontWeight": "400",
-              "fontStyle": "normal",
+              "fontFamily": "Inclusive Sans",
               "fontStretch": "normal",
-              "src": ["file:./assets/fonts/inter_normal_400.ttf"]
+              "fontStyle": "normal",
+              "fontWeight": "400",
+              "src": [
+                "file:./assets/fonts/inclusive-sans/inclusive-sans-regular.woff2"
+              ]
             },
             {
-              "fontFamily": "Inter",
-              "fontWeight": "700",
-              "fontStyle": "normal",
+              "fontFamily": "Inclusive Sans",
               "fontStretch": "normal",
-              "src": ["file:./assets/fonts/inter_normal_700.ttf"]
+              "fontStyle": "italic",
+              "fontWeight": "400",
+              "src": [
+                "file:./assets/fonts/inclusive-sans/inclusive-sans-italic.woff2"
+              ]
             }
-
-          ]
+          ],
+          "fontFamily": "'Inclusive Sans', sans-serif",
+          "name": "Inclusive Sans",
+          "slug": "inclusive-sans"
+        },
+        {
+          "fontFace": [
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "400",
+              "src": [
+                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-regular.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "400",
+              "src": [
+                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "700",
+              "src": [
+                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-bold.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "700",
+              "src": [
+                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-bold-italic.woff2"
+              ]
+            }
+          ],
+          "fontFamily": "'Atkinson Hyperlegible', sans-serif",
+          "name": "Atkinson Hyperlegible",
+          "slug": "atkinson-hyperlegible"
+        },
+        {
+          "fontFace": [
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "400",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-regular.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "400",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "500",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-medium.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "500",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-medium-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "300",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-light.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "300",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-light-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "600",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-semibold.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "600",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-semibold-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "700",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-bold.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "700",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-bold-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "800",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "800",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold-italic.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "normal",
+              "fontWeight": "900",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-black.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Overused Grotesk",
+              "fontStretch": "normal",
+              "fontStyle": "italic",
+              "fontWeight": "900",
+              "src": [
+                "file:./assets/fonts/overused-grotesk/overused-grotesk-black-italic.woff2"
+              ]
+            }
+          ],
+          "fontFamily": "'Overused Grotesk', sans-serif",
+          "name": "Overused Grotesk",
+          "slug": "overused-grotesk"
         }
-      ]
-    }
+      ],
+      "fontSizes": [
+        {
+          "fluid": false,
+          "name": "Small",
+          "size": "16px",
+          "slug": "small"
+        },
+        {
+          "fluid": {
+            "max": "20px",
+            "min": "18px"
+          },
+          "name": "Medium",
+          "size": "20px",
+          "slug": "medium"
+        },
+        {
+          "fluid": {
+            "max": "28px",
+            "min": "24px"
+          },
+          "name": "Large",
+          "size": "28px",
+          "slug": "large"
+        },
+        {
+          "fluid": {
+            "max": "40px",
+            "min": "32px"
+          },
+          "name": "Extra Large",
+          "size": "40px",
+          "slug": "x-large"
+        }
+      ],
+      "textColumns": true
+    },
+    "useRootPaddingAwareAlignments": true
   },
   "styles": {
-    "color": {
-      "background": "var(--wp--preset--color--background)"
-    },
-    "typography": {
-      "fontFamily": "Inter"
-    },
     "blocks": {
-      "core/post-title": {
+      "core/button": {
+        "color": {
+          "background": "var(--wp--preset--color--washed-green)",
+          "text": "var(--wp--preset--color--contrast)"
+        },
+        "spacing": {
+          "padding": {
+            "bottom": "1em",
+            "left": "2.5em",
+            "right": "2.5em",
+            "top": "1em"
+          }
+        },
         "typography": {
-          "fontSize": "30px",
+          "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
+          "fontSize": "var(--wp--preset--font-size--small)",
+          "fontWeight": "700",
+          "letterSpacing": "0.64px"
+        },
+        "variations": {
+          "fill": {
+            "color": {
+              "background": "var(--wp--preset--color--washed-green)",
+              "text": "var(--wp--preset--color--contrast)"
+            },
+            "spacing": {
+              "padding": {
+                "bottom": "1em",
+                "left": "2.5em",
+                "right": "2.5em",
+                "top": "1em"
+              }
+            },
+            "typography": {
+              "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
+              "fontSize": "var(--wp--preset--font-size--small)",
+              "fontWeight": "700",
+              "letterSpacing": "0.64px"
+            }
+          },
+          "outline": {
+            "border": {
+              "color": "#000",
+              "radius": "56px",
+              "style": "solid",
+              "width": "1px"
+            },
+            "color": {
+              "background": "#E8BFE2",
+              "text": "var(--wp--preset--color--contrast)"
+            },
+            "spacing": {
+              "padding": {
+                "bottom": "1em",
+                "left": "2.5em",
+                "right": "2.5em",
+                "top": "1em"
+              }
+            },
+            "typography": {
+              "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
+              "fontSize": "var(--wp--preset--font-size--small)",
+              "fontWeight": "700",
+              "letterSpacing": "0.64px"
+            }
+          }
+        }
+      },
+      "core/buttons": {
+        "css": "& .wp-block-button__link { transition: all 0.25s ease-in-out; }\n& .wp-block-button.is-style-outline .wp-block-button__link:hover { box-shadow: rgb(51, 51, 51) 4px 4px 0 0; transform: translate(-4px, -4px) }"
+      },
+      "core/heading": {
+        "color": {
+          "text": "var(--wp--preset--color--contrast)"
+        },
+        "typography": {
+          "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
           "fontWeight": "700"
         }
+      },
+      "core/list-item": {
+        "css": "&::marker { color: var(--wp--preset--color--main-green); }",
+        "spacing": {
+          "padding": {
+            "bottom": "0.67rem",
+            "top": "0.67rem"
+          }
+        }
+      },
+      "core/post-title": {
+        "color": {
+          "text": "var(--wp--preset--color--contrast)"
+        },
+        "typography": {
+          "fontSize": "40px",
+          "fontWeight": "400"
+        }
+      },
+      "core/separator": {
+        "border": {
+          "color": "currentColor",
+          "style": "solid",
+          "width": "0 0 3px 0"
+        },
+        "color": {
+          "text": "var(--wp--preset--color--main-green)"
+        }
       }
     },
+    "color": {
+      "background": "var(--wp--preset--color--background)",
+      "text": "var(--wp--preset--color--contrast)"
+    },
     "elements": {
       "h1": {
         "typography": {
-          "fontSize": "30px",
-          "fontWeight": "700"
+          "fontSize": "40px",
+          "fontWeight": "400"
         }
       },
       "h2": {
         "typography": {
-          "fontSize": "22.5px",
+          "fontSize": "24px",
           "fontWeight": "400"
         }
       },
       "link": {
-        "color": {
-          "text": "var(--wp--preset--color--text)"
+        ":hover": {
+          "typography": {
+            "textDecoration": "underline"
+          }
         },
         ":visited": {
           "color": {
-            "text": "var(--wp--preset--color--text)"
+            "text": "var(--wp--preset--color--main-purple)"
           }
         },
-        ":hover": {
-          "color": {
-            "text": "var(--wp--preset--color--secondary)"
-          }
+        "color": {
+          "text": "var(--wp--preset--color--contrast)"
         }
       }
+    },
+    "typography": {
+      "fontFamily": "var(--wp--preset--font-family--inclusive-sans)",
+      "fontSize": "var(--wp--preset--font-size--medium)",
+      "fontWeight": "400",
+      "lineHeight": "1.6"
     }
   }
-}
+}