pink.json 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. {
  2. "version": 2,
  3. "title": "Pink",
  4. "settings": {
  5. "color": {
  6. "palette": [
  7. {
  8. "slug": "foreground",
  9. "color": "#CA2315",
  10. "name": "Foreground"
  11. },
  12. {
  13. "slug": "background",
  14. "color": "#FFF6F6",
  15. "name": "Background"
  16. },
  17. {
  18. "slug": "primary",
  19. "color": "#000000",
  20. "name": "Primary"
  21. },
  22. {
  23. "slug": "secondary",
  24. "color": "#FFFFFF",
  25. "name": "Secondary"
  26. },
  27. {
  28. "slug": "tertiary",
  29. "color": "#F5F5F5",
  30. "name": "Tertiary"
  31. }
  32. ]
  33. },
  34. "custom": {
  35. "spacing": {
  36. "small": "max(0.75rem, 4vw)",
  37. "medium": "clamp(1.75rem, 6vw, calc(1.5 * var(--wp--style--block-gap)))",
  38. "large": "clamp(3rem, 8vw, 5rem)",
  39. "outer": "var(--wp--custom--spacing--small, 0.75rem)"
  40. },
  41. "typography": {
  42. "font-size": {
  43. "huge": "clamp(2rem, 4vw, 2.25rem)",
  44. "gigantic": "clamp(2.25rem, 6vw, 2.75rem)",
  45. "colossal": "clamp(2.75rem, 8vw, 3.25rem)"
  46. }
  47. },
  48. "line-height": {
  49. "normal": 1.7
  50. }
  51. },
  52. "typography": {
  53. "fontFamilies": [
  54. {
  55. "fontFamily": "\"IBM Plex Sans\", sans-serif",
  56. "name": "IBM Plex Sans",
  57. "slug": "ibm-plex-sans",
  58. "fontFace": [
  59. {
  60. "fontFamily": "IBM Plex Sans",
  61. "fontWeight": "400",
  62. "fontStyle": "normal",
  63. "fontStretch": "normal",
  64. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-Light.woff2" ]
  65. },
  66. {
  67. "fontFamily": "IBM Plex Sans",
  68. "fontWeight": "400",
  69. "fontStyle": "italic",
  70. "fontStretch": "normal",
  71. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-LightItalic.woff2" ]
  72. },
  73. {
  74. "fontFamily": "IBM Plex Sans",
  75. "fontWeight": "200",
  76. "fontStyle": "normal",
  77. "fontStretch": "normal",
  78. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-ExtraLight.woff2" ]
  79. },
  80. {
  81. "fontFamily": "IBM Plex Sans",
  82. "fontWeight": "200",
  83. "fontStyle": "italic",
  84. "fontStretch": "normal",
  85. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-ExtraLightItalic.woff2" ]
  86. }
  87. ]
  88. },
  89. {
  90. "fontFamily": "\"IBM Plex Mono\", monospace",
  91. "name": "IBM Plex Mono",
  92. "slug": "ibm-plex-mono",
  93. "fontFace": [
  94. {
  95. "fontFamily": "IBM Plex Mono",
  96. "fontWeight": "400",
  97. "fontStyle": "normal",
  98. "fontStretch": "normal",
  99. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexMono-Text.woff2" ]
  100. },
  101. {
  102. "fontFamily": "IBM Plex Mono",
  103. "fontWeight": "400",
  104. "fontStyle": "italic",
  105. "fontStretch": "normal",
  106. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexMono-TextItalic.woff2" ]
  107. },
  108. {
  109. "fontFamily": "IBM Plex Mono",
  110. "fontWeight": "700",
  111. "fontStyle": "normal",
  112. "fontStretch": "normal",
  113. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexMono-Bold.woff2" ]
  114. },
  115. {
  116. "fontFamily": "IBM Plex Mono",
  117. "fontWeight": "700",
  118. "fontStyle": "italic",
  119. "fontStretch": "normal",
  120. "src": [ "file:./assets/fonts/ibm-plex/IBMPlexSans-BoldItalic.woff2" ]
  121. }
  122. ]
  123. }
  124. ],
  125. "fontSizes": [
  126. {
  127. "size": "0.875rem",
  128. "slug": "small"
  129. },
  130. {
  131. "size": "1rem",
  132. "slug": "medium"
  133. },
  134. {
  135. "size": "1.25rem",
  136. "slug": "large"
  137. },
  138. {
  139. "size": "clamp(1.5rem, 3vw, 2rem)",
  140. "slug": "x-large"
  141. }
  142. ]
  143. },
  144. "layout": {
  145. "contentSize": "600px",
  146. "wideSize": "780px"
  147. }
  148. },
  149. "styles": {
  150. "blocks": {
  151. "core/post-title": {
  152. "typography": {
  153. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  154. "fontWeight": "400"
  155. }
  156. },
  157. "core/site-title": {
  158. "typography": {
  159. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  160. "fontStyle": "normal",
  161. "textTransform": "uppercase"
  162. }
  163. },
  164. "core/query-title": {
  165. "typography": {
  166. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)"
  167. }
  168. }
  169. },
  170. "elements": {
  171. "h1": {
  172. "typography": {
  173. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  174. "fontWeight": "200"
  175. }
  176. },
  177. "h2": {
  178. "typography": {
  179. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  180. "fontWeight": "400"
  181. }
  182. },
  183. "h3": {
  184. "typography": {
  185. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  186. "fontWeight": "400"
  187. }
  188. },
  189. "h4": {
  190. "typography": {
  191. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  192. "fontWeight": "400"
  193. }
  194. },
  195. "h5": {
  196. "typography": {
  197. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  198. "fontWeight": "400"
  199. }
  200. },
  201. "h6": {
  202. "typography": {
  203. "fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)",
  204. "fontWeight": "400"
  205. }
  206. }
  207. },
  208. "spacing": {
  209. "blockGap": "2rem"
  210. },
  211. "typography": {
  212. "fontFamily": "var(--wp--preset--font-family--ibm-plex-mono)"
  213. }
  214. }
  215. }