Browse Source

Assembler: Try better spacing (#7642)

* use standard spacingSizes from 20-80

* 20 is the new 10

* Update spacing

* Update theme.json
Rich Tabor 1 year ago
parent
commit
d87d5f49a1

+ 2 - 2
assembler/parts/footer.html

@@ -1,5 +1,5 @@
-<!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
-<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
+<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:group {"metadata":{"name":"Footer Container"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"color":{"background":"#B6B6B61F"}},"layout":{"type":"constrained"}} -->

+ 4 - 4
assembler/parts/header.html

@@ -1,6 +1,6 @@
 <!-- wp:group {"metadata":{"name":"Header Container"},"align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
-<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:spacer {"height":"var:preset|spacing|20","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
+<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:group {"tagName":"header","metadata":{"name":"Contents"},"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
@@ -21,7 +21,7 @@
 <!-- /wp:group --></header>
 <!-- /wp:group -->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
-<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
+<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer --></div>
 <!-- /wp:group -->

+ 2 - 2
assembler/patterns/hidden-404.php

@@ -19,8 +19,8 @@ declare( strict_types = 1 );
 <p class="has-text-align-center"><?php echo esc_html__( 'The page you are looking for does not exist.', 'assembler' ); ?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
-<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20"} -->
+<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search"} /-->

+ 3 - 3
assembler/templates/archive.html

@@ -7,8 +7,8 @@
 
 <!-- wp:query-title {"type":"archive","textAlign":"center","showPrefix":false,"align":"wide","style":{"typography":{"lineHeight":"1"}},"fontSize":"large"} /-->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
-<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20"} -->
+<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} -->
@@ -18,7 +18,7 @@
 
 <!-- wp:group {"layout":{"type":"default"}} -->
 <div class="wp-block-group"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"grid","columnCount":3}} -->
-<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|10"}}}} /-->
+<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /-->
 
 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"className":"no-underline","fontSize":"medium"} /-->

+ 3 - 3
assembler/templates/index.html

@@ -7,8 +7,8 @@
 
 <!-- wp:query-title {"type":"archive","textAlign":"center","showPrefix":false,"align":"wide","style":{"typography":{"lineHeight":"1"}},"fontSize":"large"} /-->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
-<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20"} -->
+<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} -->
@@ -18,7 +18,7 @@
 
 <!-- wp:group {"layout":{"type":"default"}} -->
 <div class="wp-block-group"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"grid","columnCount":3}} -->
-<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|10"}}}} /-->
+<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /-->
 
 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"className":"no-underline","fontSize":"medium"} /-->

+ 5 - 5
assembler/templates/search.html

@@ -7,14 +7,14 @@
 
 <!-- wp:query-title {"type":"search","textAlign":"center","level":2,"showSearchTerm":false,"fontSize":"large"} /-->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
-<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20"} -->
+<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:search {"showLabel":false,"buttonPosition":"button-inside","buttonUseIcon":true,"style":{"border":{"top":{"color":"#dfdfdf","style":"solid","width":"1px"},"right":{"color":"#dfdfdf","style":"solid","width":"1px"},"bottom":{"color":"#dfdfdf","style":"solid","width":"1px"},"left":{"color":"#dfdfdf","style":"solid","width":"1px"}}},"backgroundColor":"primary","textColor":"background","fontSize":"small"} /-->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
-<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20"} -->
+<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} -->
@@ -24,7 +24,7 @@
 
 <!-- wp:group {"layout":{"type":"default"}} -->
 <div class="wp-block-group"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"grid","columnCount":3}} -->
-<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|10"}}}} /-->
+<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /-->
 
 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->

+ 3 - 3
assembler/templates/single.html

@@ -34,13 +34,13 @@
 
 <!-- wp:comment-content /-->
 
-<!-- wp:comment-reply-link {"style":{"elements":{"link":{"color":{"text":"var:preset|color|theme-5"},":hover":{"color":{"text":"var:preset|color|theme-8"}}}},"spacing":{"margin":{"top":"var:preset|spacing|10"}}}} /--></div>
+<!-- wp:comment-reply-link {"style":{"elements":{"link":{"color":{"text":"var:preset|color|theme-5"},":hover":{"color":{"text":"var:preset|color|theme-8"}}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}}} /--></div>
 <!-- /wp:column --></div>
 <!-- /wp:columns -->
 <!-- /wp:comment-template -->
 
-<!-- wp:spacer {"height":"var:preset|spacing|10","style":{"layout":[]}} -->
-<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"var:preset|spacing|20","style":{"layout":[]}} -->
+<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:post-comments-form /-->

+ 861 - 853
assembler/theme.json

@@ -1,856 +1,864 @@
 {
-    "customTemplates": [
-        {
-            "name": "template-page-w-title",
-            "title": "Page with Title"
-        }
-    ],
-    "settings": {
-        "appearanceTools": true,
-        "color": {
-            "defaultDuotone": false,
-            "defaultGradients": false,
-            "defaultPalette": false,
-            "palette": [
-                {
-                    "color": "#FFFFFF",
-                    "name": "Color 1",
-                    "slug": "theme-1"
-                },
-                {
-                    "color": "#DDDDDD",
-                    "name": "Color 2",
-                    "slug": "theme-2"
-                },
-                {
-                    "color": "#BBBBBB",
-                    "name": "Color 3",
-                    "slug": "theme-3"
-                },
-                {
-                    "color": "#1E1E1E",
-                    "name": "Color 4",
-                    "slug": "theme-4"
-                },
-                {
-                    "color": "#000000",
-                    "name": "Color 5",
-                    "slug": "theme-5"
-                }
-            ]
-        },
-        "custom": {
-            "spacing-increment": "2",
-            "spacing-unit": "10",
-            "input": {
-                "color": {
-                    "background": "var(--wp--preset--color--theme-1)"
-                },
-                "border": {
-                    "color": "var(--wp--preset--color--theme-3)",
-                    "width": "1px",
-                    "radius": "3px"
-                }
-            }
-        },
-        "layout": {
-            "contentSize": "620px",
-            "wideSize": "1440px"
-        },
-        "spacing": {
-            "spacingScale": {
-                "steps": 0
-            },
-            "spacingSizes": [
-                {
-                    "name": "1",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 1) * 1px), calc(var(--wp--custom--spacing-increment) * 1.5 * 1vw))",
-                    "slug": "10"
-                },
-                {
-                    "name": "2",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 2) * 1px), calc(var(--wp--custom--spacing-increment) * 2 * 1vw))",
-                    "slug": "20"
-                },
-                {
-                    "name": "3",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 3) * 1px), calc(var(--wp--custom--spacing-increment) * 2.25 * 1vw))",
-                    "slug": "30"
-                },
-                {
-                    "name": "4",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 4) * 1px), calc(var(--wp--custom--spacing-increment) * 3 * 1vw))",
-                    "slug": "40"
-                },
-                {
-                    "name": "5",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 5) * 1px), calc(var(--wp--custom--spacing-increment) * 5 * 1vw))",
-                    "slug": "50"
-                },
-                {
-                    "name": "6",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 6) * 1px), calc(var(--wp--custom--spacing-increment) * 6 * 1vw))",
-                    "slug": "60"
-                },
-                {
-                    "name": "7",
-                    "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 7) * 1px), calc(var(--wp--custom--spacing-increment) * 7 * 1vw))",
-                    "slug": "70"
-                }
-            ]
-        },
-        "typography": {
-            "fluid": true,
-            "fontFamilies": [
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Fahkwang",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/fahkwang/Fahkwang-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Fahkwang",
-                            "fontStyle": "italic",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/fahkwang/Fahkwang-Italic.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Fahkwang",
-                            "fontStyle": "normal",
-                            "fontWeight": "600",
-                            "src": [
-                                "file:./assets/fonts/fahkwang/Fahkwang-Bold.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Fahkwang",
-                            "fontStyle": "italic",
-                            "fontWeight": "600",
-                            "src": [
-                                "file:./assets/fonts/fahkwang/Fahkwang-BoldItalic.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Fahkwang\", sans-serif",
-                    "name": "Fahkwang",
-                    "slug": "fahkwang"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Roboto",
-                            "fontStyle": "normal",
-                            "fontWeight": "300",
-                            "src": [
-                                "file:./assets/fonts/roboto/Roboto-Light.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Roboto",
-                            "fontStyle": "italic",
-                            "fontWeight": "300",
-                            "src": [
-                                "file:./assets/fonts/roboto/Roboto-LightItalic.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Roboto",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/roboto/Roboto-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Roboto",
-                            "fontStyle": "italic",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/roboto/Roboto-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Roboto",
-                            "fontStyle": "normal",
-                            "fontWeight": "600",
-                            "src": [
-                                "file:./assets/fonts/roboto/Roboto-Bold.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Roboto",
-                            "fontStyle": "italic",
-                            "fontWeight": "600",
-                            "src": [
-                                "file:./assets/fonts/roboto/Roboto-BoldItalic.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Roboto\", sans-serif",
-                    "name": "Roboto",
-                    "slug": "roboto"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Cardo",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/cardo/cardo_normal_400.woff2"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Cardo",
-                            "fontStyle": "italic",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/cardo/cardo_italic_400.woff2"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Cardo",
-                            "fontStyle": "normal",
-                            "fontWeight": "700",
-                            "src": [
-                                "file:./assets/fonts/cardo/cardo_normal_700.woff2"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Cardo\", serif",
-                    "name": "Cardo",
-                    "slug": "cardo"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "DM Sans",
-                            "fontStyle": "normal",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/dm-sans/DMSans-VariableFont_opsz,wght.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "DM Sans",
-                            "fontStyle": "italic",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/dm-sans/DMSans-Italic-VariableFont_opsz,wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"DM Sans\", sans-serif",
-                    "name": "DM Sans",
-                    "slug": "dm-sans"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Figtree",
-                            "fontStyle": "normal",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/figtree/Figtree-VariableFont_wght.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Figtree",
-                            "fontStyle": "italic",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/figtree/Figtree-Italic-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Figtree\", sans-serif",
-                    "name": "Figtree",
-                    "slug": "figtree"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "DM Serif Display",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/dm-serif-display/DMSerifDisplay-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "DM Serif Display",
-                            "fontStyle": "italic",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/dm-serif-display/DMSerifDisplay-Italic.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"DM Serif Display\", serif",
-                    "name": "DM Serif Display",
-                    "slug": "dm-serif-display"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Fjalla One",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/fjalla-one/FjallaOne-Regular.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Fjalla One\", sans-serif",
-                    "name": "Fjalla One",
-                    "slug": "fjalla-one"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Libre Baskerville",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/libre-baskerville/LibreBaskerville-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Libre Baskerville",
-                            "fontStyle": "italic",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/libre-baskerville/LibreBaskerville-Italic.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Libre Baskerville",
-                            "fontStyle": "normal",
-                            "fontWeight": "700",
-                            "src": [
-                                "file:./assets/fonts/libre-baskerville/LibreBaskerville-Bold.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Libre Baskerville\", serif",
-                    "name": "Libre Baskerville",
-                    "slug": "libre-baskerville"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Rufina",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 400",
-                            "src": [
-                                "file:./assets/fonts/rufina/Rufina-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Rufina",
-                            "fontStyle": "normal",
-                            "fontWeight": "700",
-                            "src": [
-                                "file:./assets/fonts/rufina/Rufina-Bold.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Rufina\", serif",
-                    "name": "Rufina",
-                    "slug": "rufina"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Syne",
-                            "fontStyle": "normal",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/syne/Syne-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Syne\", sans-serif",
-                    "name": "Syne",
-                    "slug": "syne"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Inter",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/inter/InterVariable.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Inter",
-                            "fontStretch": "normal",
-                            "fontStyle": "italic",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/inter/InterVariable-Italic.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Inter\", sans-serif",
-                    "name": "Inter",
-                    "slug": "inter"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Gabarito",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 900",
-                            "src": [
-                                "file:./assets/fonts/gabarito/Gabarito-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Gabarito\", sans-serif",
-                    "name": "Gabarito",
-                    "slug": "gabarito"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Instrument Sans",
-                            "fontStyle": "normal",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Instrument Sans",
-                            "fontStyle": "italic",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Instrument Sans\", sans-serif",
-                    "name": "Instrument Sans",
-                    "slug": "instrument-sans"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Vina Sans",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/vina-sans/VinaSans-Regular.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Vina Sans\", sans-serif",
-                    "name": "Vina Sans",
-                    "slug": "vina-sans"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "PT Serif",
-                            "fontStyle": "normal",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/pt-serif/PTSerif-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "PT Serif",
-                            "fontStyle": "italic",
-                            "fontWeight": "400",
-                            "src": [
-                                "file:./assets/fonts/pt-serif/PTSerif-Italic.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "PT Serif",
-                            "fontStyle": "bold",
-                            "fontWeight": "600",
-                            "src": [
-                                "file:./assets/fonts/pt-serif/PTSerif-Bold.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "PT Serif",
-                            "fontStyle": "italic",
-                            "fontWeight": "600",
-                            "src": [
-                                "file:./assets/fonts/pt-serif/PTSerif-BoldItalic.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"PT Serif\", serif",
-                    "name": "PT Serif",
-                    "slug": "pt-serif"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Fraunces",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/fraunces/Fraunces-VariableFont.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Fraunces",
-                            "fontStyle": "italic",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/fraunces/Fraunces-Italic-VariableFont.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Fraunces\", serif",
-                    "name": "Fraunces",
-                    "slug": "fraunces"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Instrument Serif",
-                            "fontStyle": "normal",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/instrument-serif/InstrumentSerif-Regular.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Instrument Serif",
-                            "fontStyle": "italic",
-                            "fontWeight": "400 700",
-                            "src": [
-                                "file:./assets/fonts/instrument-serif/InstrumentSerif-Italic.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Instrument Serif\", serif",
-                    "name": "Instrument Serif",
-                    "slug": "instrument-serif"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Sora",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/sora/Sora-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Sora\", sans-serif",
-                    "name": "Sora",
-                    "slug": "sora"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Noto Sans Mono",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/noto-sans/NotoSansMono-VariableFont_wdth,wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Noto Sans Mono\", monospace",
-                    "name": "Noto Sans Mono",
-                    "slug": "noto-sans-mono"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Urbanist",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 900",
-                            "src": [
-                                "file:./assets/fonts/urbanist/Urbanist-VariableFont_wght.ttf"
-                            ]
-                        },
-                        {
-                            "fontFamily": "Urbanist",
-                            "fontStyle": "italic",
-                            "fontWeight": "100 900",
-                            "src": [
-                                "file:./assets/fonts/urbanist/Urbanist-Italic-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Urbanist\", sans-serif",
-                    "name": "Urbanist",
-                    "slug": "urbanist"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Bricolage Grotesque",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/bricolage-grotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Bricolage Grotesque\", sans-serif",
-                    "name": "Bricolage Grotesque",
-                    "slug": "bricolage-grotesque"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Ibarra Real Nova",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/ibarra-real-nova/IbarraRealNova-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Ibarra Real Nova\", serif",
-                    "name": "Ibarra Real Nova",
-                    "slug": "ibarra-real-nova"
-                },
-                {
-                    "fontFace": [
-                        {
-                            "fontFamily": "Rubik",
-                            "fontStretch": "normal",
-                            "fontStyle": "normal",
-                            "fontWeight": "100 800",
-                            "src": [
-                                "file:./assets/fonts/rubik/Rubik-VariableFont_wght.ttf"
-                            ]
-                        }
-                    ],
-                    "fontFamily": "\"Rubik\", sans-serif",
-                    "name": "Rubik",
-                    "slug": "rubik"
-                }
-            ],
-            "fontSizes": [
-                {
-                    "name": "Small",
-                    "size": "16px",
-                    "slug": "small"
-                },
-                {
-                    "name": "Medium",
-                    "size": "24px",
-                    "slug": "medium"
-                },
-                {
-                    "name": "Large",
-                    "size": "40px",
-                    "slug": "large"
-                },
-                {
-                    "name": "Extra Large",
-                    "size": "60px",
-                    "slug": "x-large"
-                },
-                {
-                    "name": "2X Large",
-                    "size": "96px",
-                    "slug": "xx-large",
-                    "fluid": {
-						"min": "40px",
-						"max": "96px"
+	"customTemplates": [
+		{
+			"name": "template-page-w-title",
+			"title": "Page with Title"
+		}
+	],
+	"settings": {
+		"appearanceTools": true,
+		"color": {
+			"defaultDuotone": false,
+			"defaultGradients": false,
+			"defaultPalette": false,
+			"palette": [
+				{
+					"color": "#FFFFFF",
+					"name": "Color 1",
+					"slug": "theme-1"
+				},
+				{
+					"color": "#DDDDDD",
+					"name": "Color 2",
+					"slug": "theme-2"
+				},
+				{
+					"color": "#BBBBBB",
+					"name": "Color 3",
+					"slug": "theme-3"
+				},
+				{
+					"color": "#1E1E1E",
+					"name": "Color 4",
+					"slug": "theme-4"
+				},
+				{
+					"color": "#000000",
+					"name": "Color 5",
+					"slug": "theme-5"
+				}
+			]
+		},
+		"custom": {
+			"input": {
+				"border": {
+					"color": "var(--wp--preset--color--theme-3)",
+					"radius": "3px",
+					"width": "1px"
+				},
+				"color": {
+					"background": "var(--wp--preset--color--theme-1)"
+				}
+			},
+			"spacing-increment": "2",
+			"spacing-unit": "10"
+		},
+		"layout": {
+			"contentSize": "620px",
+			"wideSize": "1440px"
+		},
+		"spacing": {
+			"spacingScale": {
+				"steps": 0
+			},
+			"spacingSizes": [
+				{
+					"name": "2X-Small",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 1) * 1px), calc(var(--wp--custom--spacing-increment) * 1 * 1vw))",
+					"slug": "20"
+				},
+				{
+					"name": "X-Small",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 2) * 1px), calc(var(--wp--custom--spacing-increment) * 2 * 1vw))",
+					"slug": "30"
+				},
+				{
+					"name": "Small",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 3) * 1px), calc(var(--wp--custom--spacing-increment) * 3 * 1vw))",
+					"slug": "40"
+				},
+				{
+					"name": "Medium",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 4) * 1px), calc(var(--wp--custom--spacing-increment) * 4 * 1vw))",
+					"slug": "50"
+				},
+				{
+					"name": "Large",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 5) * 1px), calc(var(--wp--custom--spacing-increment) * 5 * 1vw))",
+					"slug": "60"
+				},
+				{
+					"name": "Extra Large",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 6) * 1px), calc(var(--wp--custom--spacing-increment) * 6 * 1vw))",
+					"slug": "70"
+				},
+				{
+					"name": "2X Large",
+					"size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 7) * 1px), calc(var(--wp--custom--spacing-increment) * 7 * 1vw))",
+					"slug": "80"
+				}
+			]
+		},
+		"typography": {
+			"fluid": true,
+			"fontFamilies": [
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Fahkwang",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/fahkwang/Fahkwang-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "Fahkwang",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/fahkwang/Fahkwang-Italic.ttf"
+							]
+						},
+						{
+							"fontFamily": "Fahkwang",
+							"fontStyle": "normal",
+							"fontWeight": "600",
+							"src": [
+								"file:./assets/fonts/fahkwang/Fahkwang-Bold.ttf"
+							]
+						},
+						{
+							"fontFamily": "Fahkwang",
+							"fontStyle": "italic",
+							"fontWeight": "600",
+							"src": [
+								"file:./assets/fonts/fahkwang/Fahkwang-BoldItalic.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Fahkwang\", sans-serif",
+					"name": "Fahkwang",
+					"slug": "fahkwang"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Roboto",
+							"fontStyle": "normal",
+							"fontWeight": "300",
+							"src": [
+								"file:./assets/fonts/roboto/Roboto-Light.ttf"
+							]
+						},
+						{
+							"fontFamily": "Roboto",
+							"fontStyle": "italic",
+							"fontWeight": "300",
+							"src": [
+								"file:./assets/fonts/roboto/Roboto-LightItalic.ttf"
+							]
+						},
+						{
+							"fontFamily": "Roboto",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/roboto/Roboto-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "Roboto",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/roboto/Roboto-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "Roboto",
+							"fontStyle": "normal",
+							"fontWeight": "600",
+							"src": [
+								"file:./assets/fonts/roboto/Roboto-Bold.ttf"
+							]
+						},
+						{
+							"fontFamily": "Roboto",
+							"fontStyle": "italic",
+							"fontWeight": "600",
+							"src": [
+								"file:./assets/fonts/roboto/Roboto-BoldItalic.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Roboto\", sans-serif",
+					"name": "Roboto",
+					"slug": "roboto"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Cardo",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/cardo/cardo_normal_400.woff2"
+							]
+						},
+						{
+							"fontFamily": "Cardo",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/cardo/cardo_italic_400.woff2"
+							]
+						},
+						{
+							"fontFamily": "Cardo",
+							"fontStyle": "normal",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/cardo/cardo_normal_700.woff2"
+							]
+						}
+					],
+					"fontFamily": "\"Cardo\", serif",
+					"name": "Cardo",
+					"slug": "cardo"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "DM Sans",
+							"fontStyle": "normal",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/dm-sans/DMSans-VariableFont_opsz,wght.ttf"
+							]
+						},
+						{
+							"fontFamily": "DM Sans",
+							"fontStyle": "italic",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/dm-sans/DMSans-Italic-VariableFont_opsz,wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"DM Sans\", sans-serif",
+					"name": "DM Sans",
+					"slug": "dm-sans"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Figtree",
+							"fontStyle": "normal",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/figtree/Figtree-VariableFont_wght.ttf"
+							]
+						},
+						{
+							"fontFamily": "Figtree",
+							"fontStyle": "italic",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/figtree/Figtree-Italic-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Figtree\", sans-serif",
+					"name": "Figtree",
+					"slug": "figtree"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "DM Serif Display",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/dm-serif-display/DMSerifDisplay-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "DM Serif Display",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/dm-serif-display/DMSerifDisplay-Italic.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"DM Serif Display\", serif",
+					"name": "DM Serif Display",
+					"slug": "dm-serif-display"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Fjalla One",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/fjalla-one/FjallaOne-Regular.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Fjalla One\", sans-serif",
+					"name": "Fjalla One",
+					"slug": "fjalla-one"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Libre Baskerville",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/libre-baskerville/LibreBaskerville-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "Libre Baskerville",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/libre-baskerville/LibreBaskerville-Italic.ttf"
+							]
+						},
+						{
+							"fontFamily": "Libre Baskerville",
+							"fontStyle": "normal",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/libre-baskerville/LibreBaskerville-Bold.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Libre Baskerville\", serif",
+					"name": "Libre Baskerville",
+					"slug": "libre-baskerville"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Rufina",
+							"fontStyle": "normal",
+							"fontWeight": "100 400",
+							"src": [
+								"file:./assets/fonts/rufina/Rufina-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "Rufina",
+							"fontStyle": "normal",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/rufina/Rufina-Bold.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Rufina\", serif",
+					"name": "Rufina",
+					"slug": "rufina"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Syne",
+							"fontStyle": "normal",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/syne/Syne-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Syne\", sans-serif",
+					"name": "Syne",
+					"slug": "syne"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Inter",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/inter/InterVariable.ttf"
+							]
+						},
+						{
+							"fontFamily": "Inter",
+							"fontStretch": "normal",
+							"fontStyle": "italic",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/inter/InterVariable-Italic.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Inter\", sans-serif",
+					"name": "Inter",
+					"slug": "inter"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Gabarito",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 900",
+							"src": [
+								"file:./assets/fonts/gabarito/Gabarito-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Gabarito\", sans-serif",
+					"name": "Gabarito",
+					"slug": "gabarito"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Instrument Sans",
+							"fontStyle": "normal",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2"
+							]
+						},
+						{
+							"fontFamily": "Instrument Sans",
+							"fontStyle": "italic",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/instrument-sans/InstrumentSans-Italic-VariableFont_wdth,wght.woff2"
+							]
+						}
+					],
+					"fontFamily": "\"Instrument Sans\", sans-serif",
+					"name": "Instrument Sans",
+					"slug": "instrument-sans"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Vina Sans",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/vina-sans/VinaSans-Regular.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Vina Sans\", sans-serif",
+					"name": "Vina Sans",
+					"slug": "vina-sans"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "PT Serif",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/pt-serif/PTSerif-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "PT Serif",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/pt-serif/PTSerif-Italic.ttf"
+							]
+						},
+						{
+							"fontFamily": "PT Serif",
+							"fontStyle": "bold",
+							"fontWeight": "600",
+							"src": [
+								"file:./assets/fonts/pt-serif/PTSerif-Bold.ttf"
+							]
+						},
+						{
+							"fontFamily": "PT Serif",
+							"fontStyle": "italic",
+							"fontWeight": "600",
+							"src": [
+								"file:./assets/fonts/pt-serif/PTSerif-BoldItalic.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"PT Serif\", serif",
+					"name": "PT Serif",
+					"slug": "pt-serif"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Fraunces",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/fraunces/Fraunces-VariableFont.ttf"
+							]
+						},
+						{
+							"fontFamily": "Fraunces",
+							"fontStyle": "italic",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/fraunces/Fraunces-Italic-VariableFont.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Fraunces\", serif",
+					"name": "Fraunces",
+					"slug": "fraunces"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Instrument Serif",
+							"fontStyle": "normal",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/instrument-serif/InstrumentSerif-Regular.ttf"
+							]
+						},
+						{
+							"fontFamily": "Instrument Serif",
+							"fontStyle": "italic",
+							"fontWeight": "400 700",
+							"src": [
+								"file:./assets/fonts/instrument-serif/InstrumentSerif-Italic.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Instrument Serif\", serif",
+					"name": "Instrument Serif",
+					"slug": "instrument-serif"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Sora",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/sora/Sora-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Sora\", sans-serif",
+					"name": "Sora",
+					"slug": "sora"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Noto Sans Mono",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/noto-sans/NotoSansMono-VariableFont_wdth,wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Noto Sans Mono\", monospace",
+					"name": "Noto Sans Mono",
+					"slug": "noto-sans-mono"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Urbanist",
+							"fontStyle": "normal",
+							"fontWeight": "100 900",
+							"src": [
+								"file:./assets/fonts/urbanist/Urbanist-VariableFont_wght.ttf"
+							]
+						},
+						{
+							"fontFamily": "Urbanist",
+							"fontStyle": "italic",
+							"fontWeight": "100 900",
+							"src": [
+								"file:./assets/fonts/urbanist/Urbanist-Italic-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Urbanist\", sans-serif",
+					"name": "Urbanist",
+					"slug": "urbanist"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Bricolage Grotesque",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/bricolage-grotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Bricolage Grotesque\", sans-serif",
+					"name": "Bricolage Grotesque",
+					"slug": "bricolage-grotesque"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Ibarra Real Nova",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/ibarra-real-nova/IbarraRealNova-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Ibarra Real Nova\", serif",
+					"name": "Ibarra Real Nova",
+					"slug": "ibarra-real-nova"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Rubik",
+							"fontStretch": "normal",
+							"fontStyle": "normal",
+							"fontWeight": "100 800",
+							"src": [
+								"file:./assets/fonts/rubik/Rubik-VariableFont_wght.ttf"
+							]
+						}
+					],
+					"fontFamily": "\"Rubik\", sans-serif",
+					"name": "Rubik",
+					"slug": "rubik"
+				}
+			],
+			"fontSizes": [
+				{
+					"name": "Small",
+					"size": "16px",
+					"slug": "small"
+				},
+				{
+					"name": "Medium",
+					"size": "24px",
+					"slug": "medium"
+				},
+				{
+					"name": "Large",
+					"size": "40px",
+					"slug": "large"
+				},
+				{
+					"name": "Extra Large",
+					"size": "60px",
+					"slug": "x-large"
+				},
+				{
+					"fluid": {
+						"max": "96px",
+						"min": "40px"
+					},
+					"name": "2X Large",
+					"size": "96px",
+					"slug": "xx-large"
+				}
+			],
+			"writingMode": true
+		},
+		"useRootPaddingAwareAlignments": true
+	},
+	"styles": {
+		"blocks": {
+			"core/button": {
+				"variations": {
+					"outline": {
+						"border": {
+							"width": "1px"
+						},
+						"spacing": {
+							"padding": {
+								"bottom": "13px",
+								"left": "21px",
+								"right": "21px",
+								"top": "13px"
+							}
+						}
 					}
-                }
-            ],
-            "writingMode": true
-        },
-        "useRootPaddingAwareAlignments": true
-    },
-    "styles": {
-        "blocks": {
-            "core/button": {
-                "variations": {
-                    "outline": {
-                        "border": {
-                            "width": "1px"
-                        },
-                        "spacing": {
-                            "padding": {
-                                "bottom": "13px",
-                                "left": "21px",
-                                "right": "21px",
-                                "top": "13px"
-                            }
-                        }
-                    }
-                }
-            },
-            "core/separator": {
-                "css": "border-bottom:0",
-                "border": {
-                    "color": "var(--wp--preset--color--theme-5)",
-                    "width": "1px"
-                }
-            },
-            "core/buttons": {
-                "spacing": {
-                    "blockGap": "8px"
-                }
-            },
-            "core/navigation": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--small)"
-                }
-            },
-            "core/post-title": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--x-large)"
-                }
-            },
-            "core/site-title": {
-                "elements": {
-                    "link": {
-                        "typography": {
-                            "textDecoration": "none"
-                        }
-                    }
-                },
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--medium)",
-                    "fontWeight": "550"
-                }
-            }
-        },
-        "color": {
-            "background": "var(--wp--preset--color--theme-1)",
-            "text": "var(--wp--preset--color--theme-4)"
-        },
-        "css": ".no-underline a { text-decoration: none; }",
-        "elements": {
-            "button": {
-                ":hover": {
-                    "color": {
-                        "background": "var(--wp--preset--color--theme-5)"
-                    }
-                },
-                "border": {
-                    "radius": "0"
-                },
-                "color": {
-                    "background": "var(--wp--preset--color--theme-4)",
-                    "text": "var(--wp--preset--color--theme-1)"
-                },
-                "spacing": {
-                    "padding": {
-                        "bottom": "14px",
-                        "left": "22px",
-                        "right": "22px",
-                        "top": "14px"
-                    }
-                },
-                "typography": {
-                    "fontFamily": {
-                        "ref": "styles.elements.heading.typography.fontFamily"
-                    },
-                    "fontSize": "var(--wp--preset--font-size--small)",
-                    "fontWeight": "450"
-                }
-            },
-            "h1": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--xx-large)",
-                    "lineHeight": "1"
-                }
-            },
-            "h2": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--x-large)",
-                    "fontWeight": {
-                        "ref": "styles.elements.h1.typography.fontWeight"
-                    },
-                    "lineHeight": "1"
-                }
-            },
-            "h3": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--large)",
-                    "lineHeight": "1.2"
-                }
-            },
-            "h4": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--medium)",
-                    "lineHeight": "1.3"
-                }
-            },
-            "h5": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--medium)",
-                    "lineHeight": "1.4"
-                }
-            },
-            "h6": {
-                "typography": {
-                    "fontSize": "var(--wp--preset--font-size--small)"
-                }
-            },
-            "heading": {
-                "typography": {
-                    "fontWeight": "500"
-                }
-            },
-            "link": {
-                "color": {
-                    "text": {
-                        "ref": "styles.color.text"
-                    }
-                }
-            }
-        },
-        "spacing": {
-            "blockGap": "var(--wp--preset--spacing--10)",
-            "padding": {
-                "left": "var(--wp--preset--spacing--40)",
-                "right": "var(--wp--preset--spacing--40)"
-            }
-        },
-        "typography": {
-            "fontFamily": "var(--wp--preset--font-family--inter)",
-            "fontSize": "16px",
-            "fontWeight": "400",
-            "lineHeight": "1.65"
-        }
-    },
-    "templateParts": [
-        {
-            "area": "header",
-            "name": "header",
-            "title": "Header"
-        },
-        {
-            "area": "footer",
-            "name": "footer",
-            "title": "Footer"
-        }
-    ],
-    "version": 2,
-    "$schema": "https://schemas.wp.org/trunk/theme.json"
+				}
+			},
+			"core/buttons": {
+				"spacing": {
+					"blockGap": "8px"
+				}
+			},
+			"core/columns": {
+				"spacing": {
+					"blockGap": {
+						"left": "var(--wp--preset--spacing--50)",
+						"top": "var(--wp--preset--spacing--30)"
+					}
+				}
+			},
+			"core/navigation": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--small)"
+				}
+			},
+			"core/post-title": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--x-large)"
+				}
+			},
+			"core/separator": {
+				"border": {
+					"color": "var(--wp--preset--color--theme-5)",
+					"width": "1px"
+				},
+				"css": "border-bottom:0"
+			},
+			"core/site-title": {
+				"elements": {
+					"link": {
+						"typography": {
+							"textDecoration": "none"
+						}
+					}
+				},
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--medium)",
+					"fontWeight": "550"
+				}
+			}
+		},
+		"color": {
+			"background": "var(--wp--preset--color--theme-1)",
+			"text": "var(--wp--preset--color--theme-4)"
+		},
+		"css": ".no-underline a { text-decoration: none; }",
+		"elements": {
+			"button": {
+				":hover": {
+					"color": {
+						"background": "var(--wp--preset--color--theme-5)"
+					}
+				},
+				"border": {
+					"radius": "0"
+				},
+				"color": {
+					"background": "var(--wp--preset--color--theme-4)",
+					"text": "var(--wp--preset--color--theme-1)"
+				},
+				"spacing": {
+					"padding": {
+						"bottom": "14px",
+						"left": "22px",
+						"right": "22px",
+						"top": "14px"
+					}
+				},
+				"typography": {
+					"fontFamily": {
+						"ref": "styles.elements.heading.typography.fontFamily"
+					},
+					"fontSize": "var(--wp--preset--font-size--small)",
+					"fontWeight": "450"
+				}
+			},
+			"h1": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--xx-large)",
+					"lineHeight": "1"
+				}
+			},
+			"h2": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--x-large)",
+					"fontWeight": {
+						"ref": "styles.elements.h1.typography.fontWeight"
+					},
+					"lineHeight": "1"
+				}
+			},
+			"h3": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--large)",
+					"lineHeight": "1.2"
+				}
+			},
+			"h4": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--medium)",
+					"lineHeight": "1.3"
+				}
+			},
+			"h5": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--medium)",
+					"lineHeight": "1.4"
+				}
+			},
+			"h6": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--small)"
+				}
+			},
+			"heading": {
+				"typography": {
+					"fontWeight": "500"
+				}
+			},
+			"link": {
+				"color": {
+					"text": {
+						"ref": "styles.color.text"
+					}
+				}
+			}
+		},
+		"spacing": {
+			"blockGap": "var(--wp--preset--spacing--20)",
+			"padding": {
+				"left": "var(--wp--preset--spacing--40)",
+				"right": "var(--wp--preset--spacing--40)"
+			}
+		},
+		"typography": {
+			"fontFamily": "var(--wp--preset--font-family--inter)",
+			"fontSize": "16px",
+			"fontWeight": "400",
+			"lineHeight": "1.65"
+		}
+	},
+	"templateParts": [
+		{
+			"area": "header",
+			"name": "header",
+			"title": "Header"
+		},
+		{
+			"area": "footer",
+			"name": "footer",
+			"title": "Footer"
+		}
+	],
+	"version": 2,
+	"$schema": "https://schemas.wp.org/trunk/theme.json"
 }