Prechádzať zdrojové kódy

Arbutus: Initial commit. (#4997)

* Arbutus: Initial commit.

* removed duplicated templates

Co-authored-by: Maggie <maggie.cabrera@automattic.com>
alaczek 3 rokov pred
rodič
commit
75adb96c60

+ 19 - 0
arbutus/block-template-parts/footer.html

@@ -0,0 +1,19 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"60px"}}},"layout":{"inherit":false}} -->
+<div class="wp-block-group" style="padding-top:60px"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
+<hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"20px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="padding-bottom:20px"><!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><meta charset="utf-8"><strong>Proudly Powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a></strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#343e47","size":"has-small-icon-size","className":"is-style-logos-only"} -->
+<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->
+
+<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"#","service":"tumblr"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

+ 9 - 0
arbutus/block-template-parts/header.html

@@ -0,0 +1,9 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"40px","top":"40px"}}},"className":"site-header","layout":{"type":"flex"}} -->
+<div class="site-header wp-block-group site-header" style="padding-top:40px;padding-bottom:40px"><!-- wp:site-logo {"className":"is-style-rounded"} /-->
+
+<!-- wp:site-title {"fontSize":"medium"} /-->
+
+<!-- wp:site-tagline {"fontSize":"small","fontFamily":"open-sans"} /-->
+
+<!-- wp:navigation {"itemsJustification":"right","overlayMenu":"mobile","__unstableLocation":"primary","className":"is-style-blockbase-navigation-improved-responsive"} /--></div>
+<!-- /wp:group -->

+ 10 - 0
arbutus/block-templates/header-footer-only.html

@@ -0,0 +1,10 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main"} -->
+<main class="wp-block-group">
+
+<!-- wp:post-content {"layout":{"inherit":true}} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":false},"className":"site-footer-container"} /-->

+ 33 - 0
arbutus/block-templates/index.html

@@ -0,0 +1,33 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:query {"tagName":"main","layout":{"inherit":true}} -->
+<main class="wp-block-query">
+<!-- wp:query-title {"type":"archive","style":{"spacing":{"margin":{"bottom":"100px"}}}} /-->
+<!-- wp:post-template -->
+<!-- wp:group -->
+<div class="wp-block-group">
+	<!-- wp:post-title {"isLink":true} /-->
+	<!-- wp:post-featured-image {"isLink":true} /-->
+	<!-- wp:post-excerpt /-->
+	<!-- wp:template-part {"slug":"post-meta-icons","layout":{"inherit":true}} /-->
+	<!-- wp:spacer {"height":40} -->
+	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+</div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+<!-- wp:group {"layout":{"inherit":true}} -->
+	<div class="wp-block-group">
+	<!-- wp:query-pagination -->
+		<!-- wp:query-pagination-previous /-->
+
+		<!-- wp:query-pagination-numbers /-->
+
+		<!-- wp:query-pagination-next /-->
+	<!-- /wp:query-pagination -->
+	</div>
+	<!-- /wp:group -->
+</main>
+<!-- /wp:query -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":false},"className":"site-footer-container"} /-->

+ 13 - 0
arbutus/block-templates/page.html

@@ -0,0 +1,13 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main"} -->
+<main class="wp-block-group"><!-- wp:post-featured-image {"align":"full"} /-->
+
+<!-- wp:post-content {"layout":{"inherit":true}} /--></main>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container","layout":{"inherit":false}} /-->

+ 23 - 0
arbutus/block-templates/single.html

@@ -0,0 +1,23 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main"} -->
+<main class="wp-block-group"><!-- wp:post-featured-image {"align":"full"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"0px","top":"20px"}}},"layout":{"inherit":true}} -->
+<div class="wp-block-group" style="padding-top:20px;padding-bottom:0px"><!-- wp:post-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.3"}},"textColor":"primary"} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-content {"layout":{"inherit":true}} /-->
+
+<!-- wp:template-part {"slug":"post-meta-icons","layout":{"inherit":true}} /--></main>
+<!-- /wp:group -->
+
+<!-- wp:group {"layout":{"inherit":true}} -->
+<div class="wp-block-group"><!-- wp:spacer {"height":60} -->
+<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:post-comments /--></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container","layout":{"inherit":false}} /-->

+ 22 - 0
arbutus/functions.php

@@ -0,0 +1,22 @@
+<?php
+/**
+ * Add Editor Styles
+ */
+function arbutus_editor_styles() {
+	// Enqueue editor styles.
+	add_editor_style(
+		array(
+			'/assets/theme.css',
+		)
+	);
+}
+add_action( 'after_setup_theme', 'arbutus_editor_styles' );
+
+/**
+ *
+ * Enqueue scripts and styles.
+ */
+function arbutus_scripts() {
+	wp_enqueue_style( 'arbutus-styles', get_stylesheet_directory_uri() . '/assets/theme.css', array( 'blockbase-ponyfill' ), wp_get_theme()->get( 'Version' ) );
+}
+add_action( 'wp_enqueue_scripts', 'arbutus_scripts' );

+ 45 - 0
arbutus/readme.txt

@@ -0,0 +1,45 @@
+=== Arbutus ===
+Contributors: Automattic
+Requires at least: 5.8
+Tested up to: 5.8
+Requires PHP: 5.7
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+== Description ==
+
+Arbutus is a simple blogging theme that supports full-site editing. It comes with a set of minimal templates and design settings that can be manipulated through Global Styles.
+
+== Changelog ==
+
+= 1.0 =
+* Initial release
+
+== Copyright ==
+
+Arbutus WordPress Theme, (C) 2021 Automattic, Inc.
+Arbutus is distributed under the terms of the GNU GPL.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+Arbutus uses the following third-party resources:
+
+Woman Holding a Camera by Benjamin Combs.
+Source: https://unsplash.com/photos/hiAdjnXZxl8
+Included in theme screenshot.
+
+On a Boat on Lago di Braies by Luca Bravo.
+Source: https://unsplash.com/photos/O453M2Liufs
+Included in theme screenshot.
+
+Seclusion in Lago di Braies by Luca Bravo.
+Source: https://unsplash.com/photos/hFzIoD0F_i8
+Included in theme demo.

+ 41 - 0
arbutus/style.css

@@ -0,0 +1,41 @@
+/*
+Theme Name: Arbutus
+Theme URI: https://github.com/automattic/themes/tree/trunk/arbutus
+Author: Automattic
+Author URI: https://automattic.com/
+Description: Arbutus is a simple blogging theme that supports full-site editing. It comes with a set of minimal templates and design settings that can be manipulated through Global Styles.
+Requires at least: 5.8
+Tested up to: 5.8
+Requires PHP: 5.7
+Version: 0.0.1
+License: GNU General Public License v2 or later
+License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
+Template: blockbase
+Text Domain: arbutus
+Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage
+
+Arbutus WordPress Theme, (C) 2021 Automattic, Inc.
+Arbutus is distributed under the terms of the GNU GPL.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+Woman Holding a Camera by Benjamin Combs.
+Source: https://unsplash.com/photos/hiAdjnXZxl8
+Included in theme screenshot.
+
+On a Boat on Lago di Braies by Luca Bravo.
+Source: https://unsplash.com/photos/O453M2Liufs
+Included in theme screenshot.
+
+Seclusion in Lago di Braies by Luca Bravo.
+Source: https://unsplash.com/photos/hFzIoD0F_i8
+Included in theme demo.
+*/

+ 0 - 0
arbutus/theme.css


+ 608 - 0
arbutus/theme.json

@@ -0,0 +1,608 @@
+{
+    "version": 1,
+    "templateParts": [
+        {
+            "name": "header",
+            "area": "header"
+        },
+        {
+            "name": "footer",
+            "area": "footer"
+        }
+    ],
+    "customTemplates": [
+        {
+            "name": "blank",
+            "title": "Blank",
+            "postTypes": [
+                "page",
+                "post"
+            ]
+        },
+        {
+            "name": "header-footer-only",
+            "title": "Header and Footer Only",
+            "postTypes": [
+                "page",
+                "post"
+            ]
+        }
+    ],
+    "settings": {
+        "border": {
+            "customColor": true,
+            "customRadius": true,
+            "customStyle": true,
+            "customWidth": true
+        },
+        "color": {
+            "palette": [
+                {
+                    "slug": "primary",
+                    "color": "#343e47",
+                    "name": "Primary",
+                    "default": "#007cba"
+                },
+                {
+                    "slug": "secondary",
+                    "color": "#33b26e",
+                    "name": "Secondary",
+                    "default": "#006ba1"
+                },
+                {
+                    "slug": "foreground",
+                    "color": "#6e797f",
+                    "name": "Foreground",
+                    "default": "#333333"
+                },
+                {
+                    "slug": "background",
+                    "color": "#ffffff",
+                    "name": "Background",
+                    "default": "#ffffff"
+                },
+                {
+                    "slug": "tertiary",
+                    "color": "#FAFAFA",
+                    "name": "Tertiary",
+                    "default": "#FAFAFA"
+                }
+            ]
+        },
+        "custom": {
+            "alignment": {
+                "alignedMaxWidth": "50%"
+            },
+            "button": {
+                "border": {
+                    "color": "var(--wp--custom--color--primary)",
+                    "radius": "4px",
+                    "style": "solid",
+                    "width": "2px"
+                },
+                "color": {
+                    "background": "var(--wp--custom--color--primary)",
+                    "text": "var(--wp--custom--color--background)"
+                },
+                "hover": {
+                    "color": {
+                        "text": "var(--wp--custom--color--background)",
+                        "background": "var(--wp--custom--color--secondary)"
+                    },
+                    "border": {
+                        "color": "var(--wp--custom--color--secondary)"
+                    }
+                },
+                "spacing": {
+                    "padding": {
+                        "top": "0.667em",
+                        "bottom": "0.667em",
+                        "left": "1.333em",
+                        "right": "1.333em"
+                    }
+                },
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--normal)",
+                    "fontWeight": "normal",
+                    "lineHeight": 2
+                }
+            },
+            "color": {
+                "foreground": "var(--wp--preset--color--foreground)",
+                "background": "var(--wp--preset--color--background)",
+                "primary": "var(--wp--preset--color--primary)",
+                "secondary": "var(--wp--preset--color--secondary)",
+                "tertiary": "var(--wp--preset--color--tertiary)"
+            },
+            "colorPalettes": [
+                {
+                    "label": "Featured",
+                    "slug": "palette-1",
+                    "colors": {
+                        "primary": "#C8133E",
+                        "secondary": "#4E2F4B",
+                        "foreground": "#1D1E1E",
+                        "background": "#FFFFFF",
+                        "tertiary": "#F9F9F9"
+                    }
+                },
+                {
+                    "label": "Featured",
+                    "slug": "palette-2",
+                    "colors": {
+                        "primary": "#35845D",
+                        "secondary": "#233252",
+                        "foreground": "#242527",
+                        "background": "#EEF4F7",
+                        "tertiary": "#F9F9F9"
+                    }
+                },
+                {
+                    "label": "Featured",
+                    "slug": "palette-3",
+                    "colors": {
+                        "primary": "#9FD3E8",
+                        "secondary": "#FBE6AA",
+                        "foreground": "#FFFFFF",
+                        "background": "#1F2527",
+                        "tertiary": "#364043"
+                    }
+                }
+            ],
+            "fontSizes": {
+                "tiny": "14px"
+            },
+            "form": {
+                "padding": "calc( 0.5 * var(--wp--custom--gap--horizontal) )",
+                "border": {
+                    "color": "#EFEFEF",
+                    "radius": "0",
+                    "style": "solid",
+                    "width": "2px"
+                },
+                "checkbox": {
+                    "checked": {
+                        "content": "\"\\2715\"",
+                        "fontSize": "var(--wp--custom--font-sizes--tiny)",
+                        "position": {
+                            "left": "3px",
+                            "top": "3px"
+                        },
+                        "sizing": {
+                            "height": "12px",
+                            "width": "12px"
+                        }
+                    },
+                    "unchecked": {
+                        "content": "\"\"",
+                        "position": {
+                            "left": "0",
+                            "top": "0.2em"
+                        },
+                        "sizing": {
+                            "height": "16px",
+                            "width": "16px"
+                        }
+                    }
+                },
+                "color": {
+                    "background": "transparent",
+                    "boxShadow": "none",
+                    "text": "inherit"
+                },
+                "label": {
+                    "spacing": {
+                        "margin": {
+                            "bottom": "var(--wp--custom--gap--baseline)"
+                        }
+                    },
+                    "typography": {
+                        "fontSize": "var(--wp--custom--font-sizes--tiny)",
+                        "fontWeight": "normal",
+                        "letterSpacing": "normal",
+                        "textTransform": "none"
+                    }
+                },
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--normal)"
+                }
+            },
+            "gallery": {
+                "caption": {
+                    "fontSize": "var(--wp--preset--font-size--small)"
+                }
+            },
+            "body": {
+                "typography": {
+                    "lineHeight": 1.6
+                }
+            },
+            "heading": {
+                "typography": {
+                    "fontWeight": 600,
+                    "lineHeight": 1.125
+                }
+            },
+            "latest-posts": {
+                "meta": {
+                    "color": {
+                        "text": "var(--wp--custom--color--primary)"
+                    }
+                }
+            },
+            "layout": {
+                "contentSize": "620px"
+            },
+            "list": {
+                "spacing": {
+                    "padding": {
+                        "left": "calc( 2 * var(--wp--custom--gap--horizontal) )"
+                    }
+                }
+            },
+            "gap": {
+                "baseline": "15px",
+                "horizontal": "min(30px, 5vw)",
+                "vertical": "min(30px, 5vw)"
+            },
+            "paragraph": {
+                "dropcap": {
+                    "margin": ".1em .1em 0 0",
+                    "typography": {
+                        "fontSize": "110px",
+                        "fontWeight": "400"
+                    }
+                }
+            },
+            "post-author": {
+                "typography": {
+                    "fontWeight": "normal"
+                }
+            },
+            "post-comment": {
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--normal)",
+                    "lineHeight": "var(--wp--custom--body--typography--line-height)"
+                }
+            },
+            "pullquote": {
+                "citation": {
+                    "typography": {
+                        "fontSize": "var(--wp--custom--font-sizes--tiny)",
+                        "fontFamily": "inherit",
+                        "fontStyle": "italic"
+                    },
+                    "spacing": {
+                        "margin": {
+                            "top": "var(--wp--custom--gap--vertical)"
+                        }
+                    }
+                },
+                "typography": {
+                    "textAlign": "left"
+                }
+            },
+            "quote": {
+                "citation": {
+                    "typography": {
+                        "fontSize": "var(--wp--custom--font-sizes--tiny)",
+                        "fontStyle": "italic",
+                        "fontWeight": "400"
+                    }
+                },
+                "typography": {
+                    "textAlign": "left"
+                }
+            },
+            "separator": {
+                "opacity": 1,
+                "width": "150px"
+            },
+            "table": {
+                "figcaption": {
+                    "typography": {
+                        "fontSize": "var(--wp--custom--font-sizes--tiny)"
+                    }
+                }
+            },
+            "video": {
+                "caption": {
+                    "textAlign": "center",
+                    "margin": "var(--wp--custom--gap--vertical) auto"
+                }
+            }
+        },
+        "layout": {
+            "contentSize": "620px",
+            "wideSize": "1000px"
+        },
+        "spacing": {
+            "blockGap": true,
+            "customPadding": true,
+            "units": [
+                "%",
+                "px",
+                "em",
+                "rem",
+                "vh",
+                "vw"
+            ]
+        },
+        "typography": {
+            "customFontSize": true,
+            "customLineHeight": true,
+            "fontFamilies": [
+                {
+                    "fontFamily": "\"Open Sans\", sans-serif",
+                    "slug": "open-sans",
+                    "name": "Open Sans",
+                    "google": "family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800"
+                },
+                {
+                    "fontFamily": "\"Open Sans\", sans-serif",
+                    "slug": "open-sans",
+                    "name": "Open Sans",
+                    "google": "family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800"
+                }
+            ],
+            "fontSizes": [
+                {
+                    "name": "Small",
+                    "size": "16px",
+                    "slug": "small"
+                },
+                {
+                    "name": "Normal",
+                    "size": "18px",
+                    "slug": "normal"
+                },
+                {
+                    "name": "Medium",
+                    "size": "24px",
+                    "slug": "medium"
+                },
+                {
+                    "name": "Large",
+                    "size": "28px",
+                    "slug": "large"
+                },
+                {
+                    "name": "Huge",
+                    "size": "32px",
+                    "slug": "huge"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "blocks": {
+            "core\/button": {
+                "border": {
+                    "radius": "var(--wp--custom--button--border--radius)"
+                },
+                "color": {
+                    "background": "var(--wp--custom--button--color--background)",
+                    "text": "var(--wp--custom--button--color--text)"
+                },
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontSize": "var(--wp--custom--button--typography--font-size)",
+                    "fontWeight": "var(--wp--custom--button--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--button--typography--line-height)"
+                }
+            },
+            "core\/code": {
+                "border": {
+                    "color": "#CCCCCC",
+                    "radius": "0px",
+                    "style": "solid",
+                    "width": "2px"
+                },
+                "spacing": {
+                    "padding": {
+                        "left": "var(--wp--custom--gap--horizontal)",
+                        "right": "var(--wp--custom--gap--horizontal)",
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                },
+                "typography": {
+                    "fontFamily": "monospace"
+                }
+            },
+            "core\/gallery": {
+                "spacing": {
+                    "margin": {
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "core\/navigation": {
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--normal)"
+                }
+            },
+            "core\/post-title": {
+                "spacing": {
+                    "margin": {
+                        "bottom": "0"
+                    }
+                },
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontSize": "48px",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)"
+                }
+            },
+            "core\/post-date": {
+                "color": {
+                    "text": "var(--wp--custom--color--foreground)"
+                },
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--small)"
+                }
+            },
+            "core\/pullquote": {
+                "border": {
+                    "style": "solid",
+                    "width": "1px 0"
+                },
+                "typography": {
+                    "fontStyle": "italic",
+                    "fontSize": "var(--wp--preset--font-size--large)",
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)"
+                },
+                "spacing": {
+                    "padding": {
+                        "left": "var(--wp--custom--gap--horizontal)",
+                        "right": "var(--wp--custom--gap--horizontal)",
+                        "top": "var(--wp--custom--gap--horizontal)",
+                        "bottom": "var(--wp--custom--gap--horizontal)"
+                    }
+                }
+            },
+            "core\/search": {
+                "typography": {
+                    "fontSize": "var(--wp--custom--button--typography--font-size)",
+                    "lineHeight": "var(--wp--custom--body--typography--line-height)"
+                }
+            },
+            "core\/separator": {
+                "color": {
+                    "text": "var(--wp--custom--color--foreground)"
+                },
+                "border": {
+                    "color": "currentColor",
+                    "style": "solid",
+                    "width": "0 0 1px 0"
+                }
+            },
+            "core\/quote": {
+                "border": {
+                    "color": "var(--wp--custom--color--primary)",
+                    "style": "solid",
+                    "width": "0 0 0 1px"
+                },
+                "spacing": {
+                    "padding": {
+                        "left": "var(--wp--custom--gap--horizontal)"
+                    }
+                },
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--normal)",
+                    "fontStyle": "normal"
+                }
+            },
+            "core\/site-title": {
+                "typography": {
+                    "fontSize": "var(--wp--preset--font-size--normal)",
+                    "fontWeight": "700",
+                    "textDecoration": "none"
+                }
+            }
+        },
+        "color": {
+            "background": "var(--wp--custom--color--background)",
+            "text": "var(--wp--custom--color--foreground)"
+        },
+        "elements": {
+            "h1": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)",
+                    "fontSize": "48px"
+                },
+                "spacing": {
+                    "margin": {
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "h2": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)",
+                    "fontSize": "32px"
+                },
+                "spacing": {
+                    "margin": {
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "h3": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)",
+                    "fontSize": "var(--wp--preset--font-size--large)"
+                },
+                "spacing": {
+                    "margin": {
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "h4": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)",
+                    "fontSize": "var(--wp--preset--font-size--medium)"
+                },
+                "spacing": {
+                    "margin": {
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "h5": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)",
+                    "fontSize": "var(--wp--preset--font-size--normal)"
+                },
+                "spacing": {
+                    "margin": {
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "h6": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--open-sans)",
+                    "fontWeight": "var(--wp--custom--heading--typography--font-weight)",
+                    "lineHeight": "var(--wp--custom--heading--typography--line-height)",
+                    "fontSize": "var(--wp--preset--font-size--small)"
+                },
+                "spacing": {
+                    "margin": {
+                        "top": "var(--wp--custom--gap--vertical)",
+                        "bottom": "var(--wp--custom--gap--vertical)"
+                    }
+                }
+            },
+            "link": {
+                "color": {
+                    "text": "var(--wp--custom--color--primary)"
+                }
+            }
+        },
+        "spacing": {
+            "blockGap": "calc(2 * var(--wp--custom--gap--baseline))"
+        },
+        "typography": {
+            "lineHeight": "var(--wp--custom--body--typography--line-height)",
+            "fontFamily": "var(--wp--preset--font-family--open-sans)",
+            "fontSize": "var(--wp--preset--font-size--normal)"
+        }
+    }
+}