themes-wordpress/remote/theme.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2,
	"settings": {
		"appearanceTools": true,
		"custom": {
			"spacing": {
				"small": "clamp(20px, 4vw, 40px)",
				"medium": "clamp(30px, 8vw, 100px)",
				"large": "clamp(100px, 12vw, 460px)",
				"outer": "min(4vw, 90px)"
			},
			"button": {
				"border": {
					"radius": "6px"
				},
				"hover": {
					"color": {
						"text": "var(--wp--preset--color--background)",
						"background": "var(--wp--preset--color--foreground)"
					},
					"border": {
						"color": "var(--wp--preset--color--foreground)"
					}
				}
			}
		},
		"color": {
			"palette": [
				{
					"slug": "background",
					"color": "#000000",
					"name": "Background"
				},
				{
					"slug": "primary",
					"color": "#FFF48D",
					"name": "Primary"
				},
				{
					"slug": "foreground",
					"color": "#FFFFFF",
					"name": "Foreground"
				},
				{
					"slug": "tertiary",
					"color": "#24231D",
					"name": "Tertiary"
				}
			]
		},
		"layout": {
			"contentSize": "652px",
			"wideSize": "1061px"
		},
		"spacing": {
			"units": [
				"%",
				"px",
				"em",
				"rem",
				"vh",
				"vw"
			]
		},
		"typography": {
			"fluid": true,
			"fontFamilies": [
				{
					"fontFamily": "\"DM Sans\", sans-serif",
					"slug": "dm-sans",
					"name": "Body (DM Sans)",
					"fontFace": [
						{
							"fontFamily": "DM Sans",
							"fontDisplay": "block",
							"fontWeight": "400",
							"fontStyle": "normal",
							"fontStretch": "normal",
							"src": [ "file:./assets/fonts/DMSans-Regular.woff2" ]
						},
						{
							"fontFamily": "DM Sans",
							"fontDisplay": "block",
							"fontWeight": "700",
							"fontStyle": "normal",
							"fontStretch": "normal",
							"src": [ "file:./assets/fonts/DMSans-Bold.woff2" ]
						},
						{
							"fontFamily": "DM Sans",
							"fontDisplay": "block",
							"fontWeight": "400",
							"fontStyle": "italic",
							"fontStretch": "normal",
							"src": [ "file:./assets/fonts/DMSans-Italic.woff2" ]
						},
						{
							"fontFamily": "DM Sans",
							"fontDisplay": "block",
							"fontWeight": "700",
							"fontStyle": "italic",
							"fontStretch": "normal",
							"src": [ "file:./assets/fonts/DMSans-BoldItalic.woff2" ]
						}
					]
				}
			],
			"fontSizes": [
				{
					"name": "Small",
					"fluid": false,
					"size": "1rem",
					"slug": "small"
				},
				{
					"name": "Normal",
					"fluid": false,
					"size": "1.125rem",
					"slug": "normal"
				},
				{
					"name": "Medium",
					"fluid": false,
					"size": "1.5rem",
					"slug": "medium"
				},
				{
					"name": "Large",
					"fluid": false,
					"size": "1.75rem",
					"slug": "large"
				},
				{
					"name": "Huge",
					"fluid": {
						"min": "2rem",
						"max": "2.625rem"
					},
					"size": "2rem",
					"slug": "huge"
				}
			]
		}
	},
	"styles": {
		"blocks": {
			"core/heading": {
				"typography": {
					"fontWeight": "400"
				}
			},
			"core/paragraph": {
				"typography": {
					"lineHeight": "1.6"
				}
			},
			"core/site-title": {
				"typography": {
					"fontWeight": "400"
				},
				"elements": {
					"link": {
						"typography": {
							"textDecoration": "none"
						}
					}
				}
			},
			"core/post-title": {
				"typography": {
					"fontSize": "min(max(2.625rem, 5vw), 4.5rem)",
					"lineHeight": "1.17",
					"fontWeight": "400"
				}
			},
			"core/post-date": {
				"typography": {
					"textTransform": "uppercase",
					"fontSize": "var(--wp--preset--font-size--small)",
					"lineHeight": "1.25rem"
				}
			},
			"core/separator": {
				"border": {
					"color": "var(--wp--preset--color--primary)",
					"width": "1px"
				}
			},
			"core/post-comments": {
				"elements": {
					"h3": {
						"typography": {
							"fontSize": "var(--wp--preset--font-size--large)"
						}
					}
				}
			},
			"core/navigation": {
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "var(--wp--preset--color--primary)"
							}
						}
					}
				}
			}
		},
		"color": {
			"background": "var(--wp--preset--color--background)",
			"text": "var(--wp--preset--color--foreground)"
		},
		"elements": {
			"button": {
				"border": {
					"radius": "var(--wp--custom--button--border--radius)",
					"color": "var(--wp--preset--color--primary)",
					"width": "1px",
					"style": "solid"
				},
				"color": {
					"background": "var(--wp--preset--color--primary)",
					"text": "var(--wp--preset--color--background)"
				},
				":hover": {
					"color": {
						"text": "var(--wp--preset--color--background)",
						"background": "var(--wp--preset--color--foreground)"
					},
					"border": {
						"color": "var(--wp--preset--color--foreground)"
					}
				},
				":active": {
					"color": {
						"text": "var(--wp--preset--color--background)",
						"background": "var(--wp--preset--color--foreground)"
					},
					"border": {
						"color": "var(--wp--preset--color--foreground)"
					}
				},
				":focus": {
					"color": {
						"text": "var(--wp--preset--color--background)",
						"background": "var(--wp--preset--color--foreground)"
					},
					"border": {
						"color": "var(--wp--preset--color--foreground)"
					}
				}
			},
			"h1": {
				"typography": {
					"fontSize": "min(max(2.625rem, 5vw), 4.5rem)",
					"lineHeight": "1.1"
				}
			},
			"h2": {
				"typography": {
					"fontSize": "min(max(2.25rem, 5vw), 3.375rem)",
					"lineHeight": "1.1"
				}
			},
			"h3": {
				"typography": {
					"fontSize": "min(max(2rem, 5vw), 2.625rem)",
					"lineHeight": "1.2"
				}
			},
			"h4": {
				"typography": {
					"fontSize": "1.75rem",
					"lineHeight": "1.6"
				}
			},
			"h5": {
				"typography": {
					"fontSize": "1.25rem",
					"lineHeight": "1.6"
				}
			},
			"h6": {
				"typography": {
					"fontSize": "1rem",
					"lineHeight": "1.6"
				}
			},
			"link": {
				"color": {
					"text": "var(--wp--preset--color--foreground)"
				},
				"typography": {
					"textDecoration": "underline 0.075ex"
				},
				":hover": {
					"color": {
						"text": "var(--wp--preset--color--primary)"
					},
					"typography": {
						"textDecoration": "none"
					}
				},
				":active": {
					"color": {
						"text": "var(--wp--preset--color--primary)"
					}
				},
				":focus": {
					"color": {
						"text": "var(--wp--preset--color--primary)"
					},
					"typography": {
						"textDecoration": "none"
					}
				}
			}
		},
		"spacing": {
			"blockGap": "1.25rem"
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--dm-sans)",
			"fontSize": "var(--wp--preset--font-size--normal)",
			"fontWeight": "400",
			"lineHeight": "1.5"
		}
	},
	"templateParts": [
		{
			"name": "header",
			"title": "Header",
			"area": "header"
		},
		{
			"name": "footer",
			"title": "Footer",
			"area": "footer"
		}
	]
}