theme.json 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. {
  2. "version": 2,
  3. "$schema": "https://schemas.wp.org/trunk/theme.json",
  4. "settings": {
  5. "appearanceTools": true,
  6. "color": {
  7. "defaultDuotone": false,
  8. "defaultGradients": false,
  9. "defaultPalette": false,
  10. "palette": [
  11. {
  12. "color": "#FFFFFF",
  13. "name": "Color 1",
  14. "slug": "theme-1"
  15. },
  16. {
  17. "color": "#DDDDDD",
  18. "name": "Color 2",
  19. "slug": "theme-2"
  20. },
  21. {
  22. "color": "#BBBBBB",
  23. "name": "Color 3",
  24. "slug": "theme-3"
  25. },
  26. {
  27. "color": "#999999",
  28. "name": "Color 4",
  29. "slug": "theme-4"
  30. },
  31. {
  32. "color": "#000000",
  33. "name": "Color 5",
  34. "slug": "theme-5"
  35. }
  36. ]
  37. },
  38. "custom": {
  39. "spacing-increment": "2",
  40. "spacing-unit": "10"
  41. },
  42. "layout": {
  43. "contentSize": "620px",
  44. "wideSize": "1440px"
  45. },
  46. "spacing": {
  47. "spacingScale": {
  48. "steps": 0
  49. },
  50. "spacingSizes": [
  51. {
  52. "name": "1",
  53. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 1) * 1px), calc(var(--wp--custom--spacing-increment) * 1.5 * 1vw))",
  54. "slug": "10"
  55. },
  56. {
  57. "name": "2",
  58. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 2) * 1px), calc(var(--wp--custom--spacing-increment) * 2.2 * 1vw))",
  59. "slug": "20"
  60. },
  61. {
  62. "name": "3",
  63. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 3) * 1px), calc(var(--wp--custom--spacing-increment) * 2.25 * 1vw))",
  64. "slug": "30"
  65. },
  66. {
  67. "name": "4",
  68. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 4) * 1px), calc(var(--wp--custom--spacing-increment) * 3 * 1vw))",
  69. "slug": "40"
  70. },
  71. {
  72. "name": "5",
  73. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 5) * 1px), calc(var(--wp--custom--spacing-increment) * 5 * 1vw))",
  74. "slug": "50"
  75. },
  76. {
  77. "name": "6",
  78. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 6) * 1px), calc(var(--wp--custom--spacing-increment) * 6 * 1vw))",
  79. "slug": "60"
  80. },
  81. {
  82. "name": "7",
  83. "size": "min(calc(var(--wp--custom--spacing-unit) * (var(--wp--custom--spacing-increment) * 7) * 1px), calc(var(--wp--custom--spacing-increment) * 7 * 1vw))",
  84. "slug": "70"
  85. }
  86. ]
  87. },
  88. "typography": {
  89. "fluid": true,
  90. "fontFamilies": [
  91. {
  92. "fontFace": [
  93. {
  94. "fontFamily": "Inter",
  95. "fontStretch": "normal",
  96. "fontStyle": "normal",
  97. "fontWeight": "100 800",
  98. "src": ["file:./assets/fonts/inter/InterVariable.ttf"]
  99. },
  100. {
  101. "fontFamily": "Inter",
  102. "fontStretch": "normal",
  103. "fontStyle": "italic",
  104. "fontWeight": "100 800",
  105. "src": ["file:./assets/fonts/inter/InterVariable-Italic.ttf"]
  106. }
  107. ],
  108. "fontFamily": "\"Inter\", sans-serif",
  109. "name": "Inter",
  110. "slug": "inter"
  111. },
  112. {
  113. "fontFace": [
  114. {
  115. "fontFamily": "Gabarito",
  116. "fontStretch": "normal",
  117. "fontStyle": "normal",
  118. "fontWeight": "100 900",
  119. "src": [
  120. "file:./assets/fonts/gabarito/Gabarito-VariableFont_wght.ttf"
  121. ]
  122. }
  123. ],
  124. "fontFamily": "\"Gabarito\", sans-serif",
  125. "name": "Gabarito",
  126. "slug": "gabarito"
  127. },
  128. {
  129. "fontFace": [
  130. {
  131. "fontFamily": "Noto Sans Mono",
  132. "fontStretch": "normal",
  133. "fontStyle": "normal",
  134. "fontWeight": "100 800",
  135. "src": [
  136. "file:./assets/fonts/noto-sans/NotoSansMono-VariableFont_wdth,wght.ttf"
  137. ]
  138. }
  139. ],
  140. "fontFamily": "\"Noto Sans Mono\", monospace",
  141. "name": "Noto Sans Mono",
  142. "slug": "noto-sans-mono"
  143. },
  144. {
  145. "fontFace": [
  146. {
  147. "fontFamily": "Vina Sans",
  148. "fontStretch": "normal",
  149. "fontStyle": "normal",
  150. "fontWeight": "100 800",
  151. "src": ["file:./assets/fonts/vina-sans/VinaSans-Regular.ttf"]
  152. }
  153. ],
  154. "fontFamily": "\"Vina Sans\", sans-serif",
  155. "name": "Vina Sans",
  156. "slug": "vina-sans"
  157. },
  158. {
  159. "fontFace": [
  160. {
  161. "fontFamily": "Ibarra Real Nova",
  162. "fontStretch": "normal",
  163. "fontStyle": "normal",
  164. "fontWeight": "100 800",
  165. "src": [
  166. "file:./assets/fonts/ibarra-real-nova/IbarraRealNova-VariableFont_wght.ttf"
  167. ]
  168. }
  169. ],
  170. "fontFamily": "\"Ibarra Real Nova\", serif",
  171. "name": "Ibarra Real Nova",
  172. "slug": "ibarra-real-nova"
  173. },
  174. {
  175. "fontFace": [
  176. {
  177. "fontFamily": "Piazzolla",
  178. "fontStretch": "normal",
  179. "fontStyle": "normal",
  180. "fontWeight": "100 800",
  181. "src": [
  182. "file:./assets/fonts/piazzolla/Piazzolla-VariableFont_opsz,wght.ttf"
  183. ]
  184. }
  185. ],
  186. "fontFamily": "\"Piazzolla\", serif",
  187. "name": "Piazzolla",
  188. "slug": "piazzolla"
  189. },
  190. {
  191. "fontFace": [
  192. {
  193. "fontFamily": "Rubik",
  194. "fontStretch": "normal",
  195. "fontStyle": "normal",
  196. "fontWeight": "100 800",
  197. "src": ["file:./assets/fonts/rubik/Rubik-VariableFont_wght.ttf"]
  198. }
  199. ],
  200. "fontFamily": "\"Rubik\", sans-serif",
  201. "name": "Rubik",
  202. "slug": "rubik"
  203. }
  204. ],
  205. "fontSizes": [
  206. {
  207. "name": "Small",
  208. "size": "12px",
  209. "slug": "small"
  210. },
  211. {
  212. "name": "Medium",
  213. "size": "16px",
  214. "slug": "medium"
  215. },
  216. {
  217. "name": "Large",
  218. "size": "30px",
  219. "slug": "large"
  220. },
  221. {
  222. "name": "Extra Large",
  223. "size": "60px",
  224. "slug": "x-large"
  225. },
  226. {
  227. "name": "2X Large",
  228. "size": "96px",
  229. "slug": "xx-large"
  230. }
  231. ],
  232. "writingMode": true
  233. },
  234. "useRootPaddingAwareAlignments": true
  235. },
  236. "styles": {
  237. "blocks": {
  238. "core/site-title": {
  239. "typography": {
  240. "fontSize": "var(--wp--preset--font-size--medium)",
  241. "fontWeight": "600"
  242. }
  243. }
  244. },
  245. "color": {
  246. "background": "var(--wp--preset--color--theme-1)",
  247. "text": "var(--wp--preset--color--theme-5)"
  248. },
  249. "css": ".no-underline a { text-decoration: none; }",
  250. "elements": {
  251. "button": {
  252. "border": {
  253. "radius": "0"
  254. },
  255. "color": {
  256. "background": {
  257. "ref": "styles.color.text"
  258. },
  259. "text": {
  260. "ref": "styles.color.background"
  261. }
  262. },
  263. "spacing": {
  264. "padding": {
  265. "bottom": "16px",
  266. "top": "16px",
  267. "left": "24px",
  268. "right": "24px"
  269. }
  270. },
  271. "typography": {
  272. "fontFamily": {
  273. "ref": "styles.elements.heading.typography.fontFamily"
  274. },
  275. "fontWeight": {
  276. "ref": "styles.elements.heading.typography.fontWeight"
  277. },
  278. "textTransform": {
  279. "ref": "styles.elements.heading.typography.textTransform"
  280. }
  281. }
  282. },
  283. "h1": {
  284. "typography": {
  285. "fontSize": "var(--wp--preset--font-size--xx-large)",
  286. "lineHeight": "1"
  287. }
  288. },
  289. "h2": {
  290. "typography": {
  291. "fontSize": "var(--wp--preset--font-size--x-large)",
  292. "fontWeight": {
  293. "ref": "styles.elements.h1.typography.fontWeight"
  294. },
  295. "lineHeight": {
  296. "ref": "styles.elements.h1.typography.lineHeight"
  297. }
  298. }
  299. },
  300. "h3": {
  301. "typography": {
  302. "fontSize": "var(--wp--preset--font-size--large)"
  303. }
  304. },
  305. "h4": {
  306. "typography": {
  307. "fontSize": "var(--wp--preset--font-size--medium)"
  308. }
  309. },
  310. "h5": {
  311. "typography": {
  312. "fontSize": "var(--wp--preset--font-size--medium)"
  313. }
  314. },
  315. "h6": {
  316. "typography": {
  317. "fontSize": "var(--wp--preset--font-size--small)"
  318. }
  319. },
  320. "link": {
  321. "color": {
  322. "text": { "ref": "styles.color.text" }
  323. }
  324. },
  325. "heading": {
  326. "typography": {
  327. "fontWeight": "500"
  328. }
  329. }
  330. },
  331. "spacing": {
  332. "blockGap": "var(--wp--preset--spacing--10)",
  333. "padding": {
  334. "left": "var(--wp--preset--spacing--40)",
  335. "right": "var(--wp--preset--spacing--40)"
  336. }
  337. },
  338. "typography": {
  339. "fontFamily": "var(--wp--preset--font-family--inter)",
  340. "fontSize": "16px",
  341. "lineHeight": "1.65"
  342. }
  343. }
  344. }