theme.json 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. {
  2. "$schema": "https://schemas.wp.org/trunk/theme.json",
  3. "version": 2,
  4. "settings": {
  5. "appearanceTools": true,
  6. "custom": {
  7. "spacing": {
  8. "small": "clamp(20px, 4vw, 40px)",
  9. "medium": "clamp(30px, 8vw, 100px)",
  10. "large": "clamp(100px, 12vw, 460px)",
  11. "outer": "min(4vw, 90px)"
  12. },
  13. "button": {
  14. "border": {
  15. "radius": "6px"
  16. },
  17. "hover": {
  18. "color": {
  19. "text": "var(--wp--preset--color--background)",
  20. "background": "var(--wp--preset--color--foreground)"
  21. },
  22. "border": {
  23. "color": "var(--wp--preset--color--foreground)"
  24. }
  25. }
  26. }
  27. },
  28. "color": {
  29. "palette": [
  30. {
  31. "slug": "background",
  32. "color": "#000000",
  33. "name": "Background"
  34. },
  35. {
  36. "slug": "primary",
  37. "color": "#FFF48D",
  38. "name": "Primary"
  39. },
  40. {
  41. "slug": "foreground",
  42. "color": "#FFFFFF",
  43. "name": "Foreground"
  44. },
  45. {
  46. "slug": "tertiary",
  47. "color": "#24231D",
  48. "name": "Tertiary"
  49. }
  50. ]
  51. },
  52. "layout": {
  53. "contentSize": "652px",
  54. "wideSize": "1061px"
  55. },
  56. "spacing": {
  57. "units": [
  58. "%",
  59. "px",
  60. "em",
  61. "rem",
  62. "vh",
  63. "vw"
  64. ]
  65. },
  66. "typography": {
  67. "fontFamilies": [
  68. {
  69. "fontFamily": "\"DM Sans\", sans-serif",
  70. "slug": "dm-sans",
  71. "name": "Body (DM Sans)",
  72. "fontFace": [
  73. {
  74. "fontFamily": "DM Sans",
  75. "fontDisplay": "block",
  76. "fontWeight": "400",
  77. "fontStyle": "normal",
  78. "fontStretch": "normal",
  79. "src": [ "file:./assets/fonts/DMSans-Regular.woff2" ]
  80. },
  81. {
  82. "fontFamily": "DM Sans",
  83. "fontDisplay": "block",
  84. "fontWeight": "700",
  85. "fontStyle": "normal",
  86. "fontStretch": "normal",
  87. "src": [ "file:./assets/fonts/DMSans-Bold.woff2" ]
  88. },
  89. {
  90. "fontFamily": "DM Sans",
  91. "fontDisplay": "block",
  92. "fontWeight": "400",
  93. "fontStyle": "italic",
  94. "fontStretch": "normal",
  95. "src": [ "file:./assets/fonts/DMSans-Italic.woff2" ]
  96. },
  97. {
  98. "fontFamily": "DM Sans",
  99. "fontDisplay": "block",
  100. "fontWeight": "700",
  101. "fontStyle": "italic",
  102. "fontStretch": "normal",
  103. "src": [ "file:./assets/fonts/DMSans-BoldItalic.woff2" ]
  104. }
  105. ]
  106. }
  107. ],
  108. "fontSizes": [
  109. {
  110. "name": "Small",
  111. "size": "1rem",
  112. "slug": "small"
  113. },
  114. {
  115. "name": "Normal",
  116. "size": "1.125rem",
  117. "slug": "normal"
  118. },
  119. {
  120. "name": "Medium",
  121. "size": "1.5rem",
  122. "slug": "medium"
  123. },
  124. {
  125. "name": "Large",
  126. "size": "1.75rem",
  127. "slug": "large"
  128. },
  129. {
  130. "name": "Huge",
  131. "size": "min(max(2rem, 5vw), 2.625rem)",
  132. "slug": "huge"
  133. }
  134. ]
  135. }
  136. },
  137. "styles": {
  138. "blocks": {
  139. "core/button": {
  140. "border": {
  141. "radius": "var(--wp--custom--button--border--radius)",
  142. "color": "var(--wp--preset--color--primary)",
  143. "width": "1px",
  144. "style": "solid"
  145. },
  146. "color": {
  147. "background": "var(--wp--preset--color--primary)",
  148. "text": "var(--wp--preset--color--background)"
  149. }
  150. },
  151. "core/heading": {
  152. "typography": {
  153. "fontWeight": "400"
  154. }
  155. },
  156. "core/paragraph": {
  157. "typography": {
  158. "lineHeight": "1.6"
  159. }
  160. },
  161. "core/site-title": {
  162. "typography": {
  163. "fontWeight": "400"
  164. },
  165. "elements": {
  166. "link": {
  167. "typography": {
  168. "textDecoration": "none"
  169. }
  170. }
  171. }
  172. },
  173. "core/post-title": {
  174. "typography": {
  175. "fontSize": "min(max(2.625rem, 5vw), 4.5rem)",
  176. "lineHeight": "1.17",
  177. "fontWeight": "400"
  178. }
  179. },
  180. "core/post-date": {
  181. "typography": {
  182. "textTransform": "uppercase",
  183. "fontSize": "var(--wp--preset--font-size--small)",
  184. "lineHeight": "1.25rem"
  185. }
  186. },
  187. "core/separator": {
  188. "border": {
  189. "color": "var(--wp--preset--color--primary)",
  190. "width": "1px"
  191. }
  192. },
  193. "core/post-comments": {
  194. "elements": {
  195. "h3": {
  196. "typography": {
  197. "fontSize": "var(--wp--preset--font-size--large)"
  198. }
  199. }
  200. }
  201. },
  202. "core/navigation": {
  203. "elements": {
  204. "link": {
  205. ":hover": {
  206. "color": {
  207. "text": "var(--wp--preset--color--primary)"
  208. }
  209. }
  210. }
  211. }
  212. }
  213. },
  214. "color": {
  215. "background": "var(--wp--preset--color--background)",
  216. "text": "var(--wp--preset--color--foreground)"
  217. },
  218. "elements": {
  219. "h1": {
  220. "typography": {
  221. "fontSize": "min(max(2.625rem, 5vw), 4.5rem)",
  222. "lineHeight": "1.1"
  223. }
  224. },
  225. "h2": {
  226. "typography": {
  227. "fontSize": "min(max(2.25rem, 5vw), 3.375rem)",
  228. "lineHeight": "1.1"
  229. }
  230. },
  231. "h3": {
  232. "typography": {
  233. "fontSize": "min(max(2rem, 5vw), 2.625rem)",
  234. "lineHeight": "1.2"
  235. }
  236. },
  237. "h4": {
  238. "typography": {
  239. "fontSize": "1.75rem",
  240. "lineHeight": "1.6"
  241. }
  242. },
  243. "h5": {
  244. "typography": {
  245. "fontSize": "1.25rem",
  246. "lineHeight": "1.6"
  247. }
  248. },
  249. "h6": {
  250. "typography": {
  251. "fontSize": "1rem",
  252. "lineHeight": "1.6"
  253. }
  254. },
  255. "link": {
  256. "color": {
  257. "text": "var(--wp--preset--color--foreground)"
  258. },
  259. "typography": {
  260. "textDecoration": "underline 0.075ex"
  261. },
  262. ":hover": {
  263. "color": {
  264. "text": "var(--wp--preset--color--primary)"
  265. },
  266. "typography": {
  267. "textDecoration": "none"
  268. }
  269. },
  270. ":active": {
  271. "color": {
  272. "text": "var(--wp--preset--color--primary)"
  273. }
  274. },
  275. ":focus": {
  276. "color": {
  277. "text": "var(--wp--preset--color--primary)"
  278. },
  279. "typography": {
  280. "textDecoration": "none"
  281. }
  282. }
  283. }
  284. },
  285. "spacing": {
  286. "blockGap": "1.25rem"
  287. },
  288. "typography": {
  289. "fontFamily": "var(--wp--preset--font-family--dm-sans)",
  290. "fontSize": "var(--wp--preset--font-size--normal)",
  291. "fontWeight": "400",
  292. "lineHeight": "1.5"
  293. }
  294. },
  295. "templateParts": [
  296. {
  297. "name": "header",
  298. "title": "Header",
  299. "area": "header"
  300. },
  301. {
  302. "name": "footer",
  303. "title": "Footer",
  304. "area": "footer"
  305. }
  306. ]
  307. }