@aexol/spectral 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (459) hide show
  1. package/dist/agent/index.js +76 -301
  2. package/dist/cli.js +11 -0
  3. package/dist/designer/data/systems/agentic/DESIGN.md +71 -0
  4. package/dist/designer/data/systems/agentic/components.html +154 -0
  5. package/dist/designer/data/systems/agentic/tokens.css +63 -0
  6. package/dist/designer/data/systems/airbnb/DESIGN.md +393 -0
  7. package/dist/designer/data/systems/airbnb/components.html +1373 -0
  8. package/dist/designer/data/systems/airbnb/tokens.css +261 -0
  9. package/dist/designer/data/systems/airtable/DESIGN.md +92 -0
  10. package/dist/designer/data/systems/airtable/components.html +489 -0
  11. package/dist/designer/data/systems/airtable/tokens.css +261 -0
  12. package/dist/designer/data/systems/ant/DESIGN.md +71 -0
  13. package/dist/designer/data/systems/ant/components.html +154 -0
  14. package/dist/designer/data/systems/ant/tokens.css +63 -0
  15. package/dist/designer/data/systems/apple/DESIGN.md +250 -0
  16. package/dist/designer/data/systems/apple/components.html +749 -0
  17. package/dist/designer/data/systems/apple/tokens.css +286 -0
  18. package/dist/designer/data/systems/application/DESIGN.md +71 -0
  19. package/dist/designer/data/systems/application/components.html +154 -0
  20. package/dist/designer/data/systems/application/tokens.css +63 -0
  21. package/dist/designer/data/systems/arc/DESIGN.md +152 -0
  22. package/dist/designer/data/systems/arc/components.html +432 -0
  23. package/dist/designer/data/systems/arc/tokens.css +137 -0
  24. package/dist/designer/data/systems/artistic/DESIGN.md +71 -0
  25. package/dist/designer/data/systems/artistic/components.html +136 -0
  26. package/dist/designer/data/systems/artistic/tokens.css +63 -0
  27. package/dist/designer/data/systems/atelier-zero/DESIGN.md +316 -0
  28. package/dist/designer/data/systems/atelier-zero/components.html +136 -0
  29. package/dist/designer/data/systems/atelier-zero/tokens.css +63 -0
  30. package/dist/designer/data/systems/bento/DESIGN.md +71 -0
  31. package/dist/designer/data/systems/bento/components.html +136 -0
  32. package/dist/designer/data/systems/bento/tokens.css +63 -0
  33. package/dist/designer/data/systems/binance/DESIGN.md +348 -0
  34. package/dist/designer/data/systems/binance/components.html +550 -0
  35. package/dist/designer/data/systems/binance/tokens.css +255 -0
  36. package/dist/designer/data/systems/bmw/DESIGN.md +183 -0
  37. package/dist/designer/data/systems/bmw/components.html +551 -0
  38. package/dist/designer/data/systems/bmw/tokens.css +179 -0
  39. package/dist/designer/data/systems/bmw-m/DESIGN.md +246 -0
  40. package/dist/designer/data/systems/bmw-m/components.html +342 -0
  41. package/dist/designer/data/systems/bmw-m/tokens.css +64 -0
  42. package/dist/designer/data/systems/bold/DESIGN.md +71 -0
  43. package/dist/designer/data/systems/bold/components.html +136 -0
  44. package/dist/designer/data/systems/bold/tokens.css +63 -0
  45. package/dist/designer/data/systems/brutalism/DESIGN.md +71 -0
  46. package/dist/designer/data/systems/brutalism/components.html +154 -0
  47. package/dist/designer/data/systems/brutalism/tokens.css +63 -0
  48. package/dist/designer/data/systems/bugatti/DESIGN.md +271 -0
  49. package/dist/designer/data/systems/bugatti/components.html +342 -0
  50. package/dist/designer/data/systems/bugatti/tokens.css +64 -0
  51. package/dist/designer/data/systems/cafe/DESIGN.md +71 -0
  52. package/dist/designer/data/systems/cafe/components.html +136 -0
  53. package/dist/designer/data/systems/cafe/tokens.css +63 -0
  54. package/dist/designer/data/systems/cal/DESIGN.md +262 -0
  55. package/dist/designer/data/systems/cal/components.html +376 -0
  56. package/dist/designer/data/systems/cal/tokens.css +265 -0
  57. package/dist/designer/data/systems/canva/DESIGN.md +157 -0
  58. package/dist/designer/data/systems/canva/components.html +461 -0
  59. package/dist/designer/data/systems/canva/tokens.css +147 -0
  60. package/dist/designer/data/systems/cisco/DESIGN.md +201 -0
  61. package/dist/designer/data/systems/cisco/components.html +342 -0
  62. package/dist/designer/data/systems/cisco/tokens.css +64 -0
  63. package/dist/designer/data/systems/claude/DESIGN.md +315 -0
  64. package/dist/designer/data/systems/claude/components.html +483 -0
  65. package/dist/designer/data/systems/claude/tokens.css +130 -0
  66. package/dist/designer/data/systems/clay/DESIGN.md +307 -0
  67. package/dist/designer/data/systems/clay/components.html +136 -0
  68. package/dist/designer/data/systems/clay/tokens.css +63 -0
  69. package/dist/designer/data/systems/claymorphism/DESIGN.md +71 -0
  70. package/dist/designer/data/systems/claymorphism/components.html +136 -0
  71. package/dist/designer/data/systems/claymorphism/tokens.css +63 -0
  72. package/dist/designer/data/systems/clean/DESIGN.md +71 -0
  73. package/dist/designer/data/systems/clean/components.html +136 -0
  74. package/dist/designer/data/systems/clean/tokens.css +63 -0
  75. package/dist/designer/data/systems/clickhouse/DESIGN.md +284 -0
  76. package/dist/designer/data/systems/clickhouse/components.html +506 -0
  77. package/dist/designer/data/systems/clickhouse/tokens.css +135 -0
  78. package/dist/designer/data/systems/cohere/DESIGN.md +269 -0
  79. package/dist/designer/data/systems/cohere/components.html +353 -0
  80. package/dist/designer/data/systems/cohere/tokens.css +126 -0
  81. package/dist/designer/data/systems/coinbase/DESIGN.md +132 -0
  82. package/dist/designer/data/systems/coinbase/components.html +501 -0
  83. package/dist/designer/data/systems/coinbase/tokens.css +257 -0
  84. package/dist/designer/data/systems/colorful/DESIGN.md +71 -0
  85. package/dist/designer/data/systems/colorful/components.html +136 -0
  86. package/dist/designer/data/systems/colorful/tokens.css +63 -0
  87. package/dist/designer/data/systems/composio/DESIGN.md +310 -0
  88. package/dist/designer/data/systems/composio/components.html +342 -0
  89. package/dist/designer/data/systems/composio/tokens.css +64 -0
  90. package/dist/designer/data/systems/contemporary/DESIGN.md +71 -0
  91. package/dist/designer/data/systems/contemporary/components.html +136 -0
  92. package/dist/designer/data/systems/contemporary/tokens.css +63 -0
  93. package/dist/designer/data/systems/corporate/DESIGN.md +71 -0
  94. package/dist/designer/data/systems/corporate/components.html +136 -0
  95. package/dist/designer/data/systems/corporate/tokens.css +63 -0
  96. package/dist/designer/data/systems/cosmic/DESIGN.md +71 -0
  97. package/dist/designer/data/systems/cosmic/components.html +136 -0
  98. package/dist/designer/data/systems/cosmic/tokens.css +63 -0
  99. package/dist/designer/data/systems/creative/DESIGN.md +71 -0
  100. package/dist/designer/data/systems/creative/components.html +136 -0
  101. package/dist/designer/data/systems/creative/tokens.css +63 -0
  102. package/dist/designer/data/systems/cursor/DESIGN.md +312 -0
  103. package/dist/designer/data/systems/cursor/components.html +654 -0
  104. package/dist/designer/data/systems/cursor/tokens.css +218 -0
  105. package/dist/designer/data/systems/dashboard/DESIGN.md +71 -0
  106. package/dist/designer/data/systems/dashboard/components.html +154 -0
  107. package/dist/designer/data/systems/dashboard/tokens.css +63 -0
  108. package/dist/designer/data/systems/default/DESIGN.md +62 -0
  109. package/dist/designer/data/systems/default/components.html +523 -0
  110. package/dist/designer/data/systems/default/tokens.css +200 -0
  111. package/dist/designer/data/systems/discord/DESIGN.md +162 -0
  112. package/dist/designer/data/systems/discord/components.html +359 -0
  113. package/dist/designer/data/systems/discord/tokens.css +125 -0
  114. package/dist/designer/data/systems/dithered/DESIGN.md +71 -0
  115. package/dist/designer/data/systems/dithered/components.html +136 -0
  116. package/dist/designer/data/systems/dithered/tokens.css +63 -0
  117. package/dist/designer/data/systems/doodle/DESIGN.md +71 -0
  118. package/dist/designer/data/systems/doodle/components.html +136 -0
  119. package/dist/designer/data/systems/doodle/tokens.css +63 -0
  120. package/dist/designer/data/systems/dramatic/DESIGN.md +71 -0
  121. package/dist/designer/data/systems/dramatic/components.html +136 -0
  122. package/dist/designer/data/systems/dramatic/tokens.css +63 -0
  123. package/dist/designer/data/systems/duolingo/DESIGN.md +154 -0
  124. package/dist/designer/data/systems/duolingo/components.html +532 -0
  125. package/dist/designer/data/systems/duolingo/tokens.css +130 -0
  126. package/dist/designer/data/systems/editorial/DESIGN.md +71 -0
  127. package/dist/designer/data/systems/editorial/components.html +154 -0
  128. package/dist/designer/data/systems/editorial/tokens.css +63 -0
  129. package/dist/designer/data/systems/elegant/DESIGN.md +71 -0
  130. package/dist/designer/data/systems/elegant/components.html +136 -0
  131. package/dist/designer/data/systems/elegant/tokens.css +63 -0
  132. package/dist/designer/data/systems/elevenlabs/DESIGN.md +268 -0
  133. package/dist/designer/data/systems/elevenlabs/components.html +342 -0
  134. package/dist/designer/data/systems/elevenlabs/tokens.css +127 -0
  135. package/dist/designer/data/systems/energetic/DESIGN.md +72 -0
  136. package/dist/designer/data/systems/energetic/components.html +136 -0
  137. package/dist/designer/data/systems/energetic/tokens.css +63 -0
  138. package/dist/designer/data/systems/enterprise/DESIGN.md +71 -0
  139. package/dist/designer/data/systems/enterprise/components.html +154 -0
  140. package/dist/designer/data/systems/enterprise/tokens.css +63 -0
  141. package/dist/designer/data/systems/expo/DESIGN.md +284 -0
  142. package/dist/designer/data/systems/expo/components.html +342 -0
  143. package/dist/designer/data/systems/expo/tokens.css +64 -0
  144. package/dist/designer/data/systems/expressive/DESIGN.md +71 -0
  145. package/dist/designer/data/systems/expressive/components.html +136 -0
  146. package/dist/designer/data/systems/expressive/tokens.css +63 -0
  147. package/dist/designer/data/systems/fantasy/DESIGN.md +71 -0
  148. package/dist/designer/data/systems/fantasy/components.html +136 -0
  149. package/dist/designer/data/systems/fantasy/tokens.css +63 -0
  150. package/dist/designer/data/systems/ferrari/DESIGN.md +317 -0
  151. package/dist/designer/data/systems/ferrari/components.html +342 -0
  152. package/dist/designer/data/systems/ferrari/tokens.css +64 -0
  153. package/dist/designer/data/systems/figma/DESIGN.md +223 -0
  154. package/dist/designer/data/systems/figma/components.html +344 -0
  155. package/dist/designer/data/systems/figma/tokens.css +126 -0
  156. package/dist/designer/data/systems/flat/DESIGN.md +71 -0
  157. package/dist/designer/data/systems/flat/components.html +136 -0
  158. package/dist/designer/data/systems/flat/tokens.css +63 -0
  159. package/dist/designer/data/systems/framer/DESIGN.md +249 -0
  160. package/dist/designer/data/systems/framer/components.html +438 -0
  161. package/dist/designer/data/systems/framer/tokens.css +238 -0
  162. package/dist/designer/data/systems/friendly/DESIGN.md +71 -0
  163. package/dist/designer/data/systems/friendly/components.html +136 -0
  164. package/dist/designer/data/systems/friendly/tokens.css +63 -0
  165. package/dist/designer/data/systems/futuristic/DESIGN.md +71 -0
  166. package/dist/designer/data/systems/futuristic/components.html +136 -0
  167. package/dist/designer/data/systems/futuristic/tokens.css +63 -0
  168. package/dist/designer/data/systems/github/DESIGN.md +155 -0
  169. package/dist/designer/data/systems/github/components.html +383 -0
  170. package/dist/designer/data/systems/github/tokens.css +125 -0
  171. package/dist/designer/data/systems/glassmorphism/DESIGN.md +71 -0
  172. package/dist/designer/data/systems/glassmorphism/components.html +154 -0
  173. package/dist/designer/data/systems/glassmorphism/tokens.css +63 -0
  174. package/dist/designer/data/systems/gradient/DESIGN.md +71 -0
  175. package/dist/designer/data/systems/gradient/components.html +154 -0
  176. package/dist/designer/data/systems/gradient/tokens.css +63 -0
  177. package/dist/designer/data/systems/hashicorp/DESIGN.md +281 -0
  178. package/dist/designer/data/systems/hashicorp/components.html +502 -0
  179. package/dist/designer/data/systems/hashicorp/tokens.css +272 -0
  180. package/dist/designer/data/systems/hud/DESIGN.md +173 -0
  181. package/dist/designer/data/systems/hud/components.html +136 -0
  182. package/dist/designer/data/systems/hud/tokens.css +63 -0
  183. package/dist/designer/data/systems/huggingface/DESIGN.md +149 -0
  184. package/dist/designer/data/systems/huggingface/components.html +346 -0
  185. package/dist/designer/data/systems/huggingface/tokens.css +125 -0
  186. package/dist/designer/data/systems/ibm/DESIGN.md +335 -0
  187. package/dist/designer/data/systems/ibm/components.html +342 -0
  188. package/dist/designer/data/systems/ibm/tokens.css +64 -0
  189. package/dist/designer/data/systems/intercom/DESIGN.md +149 -0
  190. package/dist/designer/data/systems/intercom/components.html +557 -0
  191. package/dist/designer/data/systems/intercom/tokens.css +150 -0
  192. package/dist/designer/data/systems/kami/DESIGN.md +410 -0
  193. package/dist/designer/data/systems/kami/components.html +601 -0
  194. package/dist/designer/data/systems/kami/tokens.css +272 -0
  195. package/dist/designer/data/systems/kraken/DESIGN.md +128 -0
  196. package/dist/designer/data/systems/kraken/components.html +342 -0
  197. package/dist/designer/data/systems/kraken/tokens.css +64 -0
  198. package/dist/designer/data/systems/lamborghini/DESIGN.md +291 -0
  199. package/dist/designer/data/systems/lamborghini/components.html +342 -0
  200. package/dist/designer/data/systems/lamborghini/tokens.css +64 -0
  201. package/dist/designer/data/systems/levels/DESIGN.md +71 -0
  202. package/dist/designer/data/systems/levels/components.html +154 -0
  203. package/dist/designer/data/systems/levels/tokens.css +63 -0
  204. package/dist/designer/data/systems/linear-app/DESIGN.md +370 -0
  205. package/dist/designer/data/systems/linear-app/components.html +370 -0
  206. package/dist/designer/data/systems/linear-app/tokens.css +130 -0
  207. package/dist/designer/data/systems/lingo/DESIGN.md +71 -0
  208. package/dist/designer/data/systems/lingo/components.html +154 -0
  209. package/dist/designer/data/systems/lingo/tokens.css +63 -0
  210. package/dist/designer/data/systems/loom/DESIGN.md +201 -0
  211. package/dist/designer/data/systems/loom/components.html +446 -0
  212. package/dist/designer/data/systems/loom/tokens.css +138 -0
  213. package/dist/designer/data/systems/lovable/DESIGN.md +301 -0
  214. package/dist/designer/data/systems/lovable/components.html +441 -0
  215. package/dist/designer/data/systems/lovable/tokens.css +258 -0
  216. package/dist/designer/data/systems/luxury/DESIGN.md +71 -0
  217. package/dist/designer/data/systems/luxury/components.html +154 -0
  218. package/dist/designer/data/systems/luxury/tokens.css +63 -0
  219. package/dist/designer/data/systems/mastercard/DESIGN.md +368 -0
  220. package/dist/designer/data/systems/mastercard/components.html +342 -0
  221. package/dist/designer/data/systems/mastercard/tokens.css +64 -0
  222. package/dist/designer/data/systems/material/DESIGN.md +71 -0
  223. package/dist/designer/data/systems/material/components.html +154 -0
  224. package/dist/designer/data/systems/material/tokens.css +63 -0
  225. package/dist/designer/data/systems/meta/DESIGN.md +369 -0
  226. package/dist/designer/data/systems/meta/components.html +398 -0
  227. package/dist/designer/data/systems/meta/tokens.css +263 -0
  228. package/dist/designer/data/systems/minimal/DESIGN.md +71 -0
  229. package/dist/designer/data/systems/minimal/components.html +154 -0
  230. package/dist/designer/data/systems/minimal/tokens.css +63 -0
  231. package/dist/designer/data/systems/minimax/DESIGN.md +260 -0
  232. package/dist/designer/data/systems/minimax/components.html +590 -0
  233. package/dist/designer/data/systems/minimax/tokens.css +148 -0
  234. package/dist/designer/data/systems/mintlify/DESIGN.md +329 -0
  235. package/dist/designer/data/systems/mintlify/components.html +737 -0
  236. package/dist/designer/data/systems/mintlify/tokens.css +256 -0
  237. package/dist/designer/data/systems/miro/DESIGN.md +111 -0
  238. package/dist/designer/data/systems/miro/components.html +342 -0
  239. package/dist/designer/data/systems/miro/tokens.css +64 -0
  240. package/dist/designer/data/systems/mission-control/DESIGN.md +474 -0
  241. package/dist/designer/data/systems/mission-control/components.html +136 -0
  242. package/dist/designer/data/systems/mission-control/tokens.css +63 -0
  243. package/dist/designer/data/systems/mistral-ai/DESIGN.md +264 -0
  244. package/dist/designer/data/systems/mistral-ai/components.html +338 -0
  245. package/dist/designer/data/systems/mistral-ai/tokens.css +125 -0
  246. package/dist/designer/data/systems/modern/DESIGN.md +71 -0
  247. package/dist/designer/data/systems/modern/components.html +154 -0
  248. package/dist/designer/data/systems/modern/tokens.css +63 -0
  249. package/dist/designer/data/systems/mongodb/DESIGN.md +269 -0
  250. package/dist/designer/data/systems/mongodb/components.html +462 -0
  251. package/dist/designer/data/systems/mongodb/tokens.css +176 -0
  252. package/dist/designer/data/systems/mono/DESIGN.md +71 -0
  253. package/dist/designer/data/systems/mono/components.html +136 -0
  254. package/dist/designer/data/systems/mono/tokens.css +63 -0
  255. package/dist/designer/data/systems/neobrutalism/DESIGN.md +71 -0
  256. package/dist/designer/data/systems/neobrutalism/components.html +136 -0
  257. package/dist/designer/data/systems/neobrutalism/tokens.css +63 -0
  258. package/dist/designer/data/systems/neon/DESIGN.md +71 -0
  259. package/dist/designer/data/systems/neon/components.html +136 -0
  260. package/dist/designer/data/systems/neon/tokens.css +63 -0
  261. package/dist/designer/data/systems/neumorphism/DESIGN.md +71 -0
  262. package/dist/designer/data/systems/neumorphism/components.html +136 -0
  263. package/dist/designer/data/systems/neumorphism/tokens.css +63 -0
  264. package/dist/designer/data/systems/nike/DESIGN.md +366 -0
  265. package/dist/designer/data/systems/nike/components.html +512 -0
  266. package/dist/designer/data/systems/nike/tokens.css +304 -0
  267. package/dist/designer/data/systems/notion/DESIGN.md +312 -0
  268. package/dist/designer/data/systems/notion/components.html +413 -0
  269. package/dist/designer/data/systems/notion/tokens.css +130 -0
  270. package/dist/designer/data/systems/nvidia/DESIGN.md +296 -0
  271. package/dist/designer/data/systems/nvidia/components.html +414 -0
  272. package/dist/designer/data/systems/nvidia/tokens.css +133 -0
  273. package/dist/designer/data/systems/ollama/DESIGN.md +270 -0
  274. package/dist/designer/data/systems/ollama/components.html +700 -0
  275. package/dist/designer/data/systems/ollama/tokens.css +242 -0
  276. package/dist/designer/data/systems/openai/DESIGN.md +140 -0
  277. package/dist/designer/data/systems/openai/components.html +382 -0
  278. package/dist/designer/data/systems/openai/tokens.css +133 -0
  279. package/dist/designer/data/systems/opencode-ai/DESIGN.md +284 -0
  280. package/dist/designer/data/systems/opencode-ai/components.html +389 -0
  281. package/dist/designer/data/systems/opencode-ai/tokens.css +126 -0
  282. package/dist/designer/data/systems/pacman/DESIGN.md +71 -0
  283. package/dist/designer/data/systems/pacman/components.html +342 -0
  284. package/dist/designer/data/systems/pacman/tokens.css +64 -0
  285. package/dist/designer/data/systems/paper/DESIGN.md +71 -0
  286. package/dist/designer/data/systems/paper/components.html +136 -0
  287. package/dist/designer/data/systems/paper/tokens.css +63 -0
  288. package/dist/designer/data/systems/perplexity/DESIGN.md +286 -0
  289. package/dist/designer/data/systems/perplexity/components.html +455 -0
  290. package/dist/designer/data/systems/perplexity/tokens.css +151 -0
  291. package/dist/designer/data/systems/perspective/DESIGN.md +71 -0
  292. package/dist/designer/data/systems/perspective/components.html +136 -0
  293. package/dist/designer/data/systems/perspective/tokens.css +63 -0
  294. package/dist/designer/data/systems/pinterest/DESIGN.md +233 -0
  295. package/dist/designer/data/systems/pinterest/components.html +865 -0
  296. package/dist/designer/data/systems/pinterest/tokens.css +262 -0
  297. package/dist/designer/data/systems/playstation/DESIGN.md +367 -0
  298. package/dist/designer/data/systems/playstation/components.html +414 -0
  299. package/dist/designer/data/systems/playstation/tokens.css +150 -0
  300. package/dist/designer/data/systems/posthog/DESIGN.md +259 -0
  301. package/dist/designer/data/systems/posthog/components.html +827 -0
  302. package/dist/designer/data/systems/posthog/tokens.css +272 -0
  303. package/dist/designer/data/systems/premium/DESIGN.md +71 -0
  304. package/dist/designer/data/systems/premium/components.html +154 -0
  305. package/dist/designer/data/systems/premium/tokens.css +63 -0
  306. package/dist/designer/data/systems/professional/DESIGN.md +71 -0
  307. package/dist/designer/data/systems/professional/components.html +136 -0
  308. package/dist/designer/data/systems/professional/tokens.css +63 -0
  309. package/dist/designer/data/systems/publication/DESIGN.md +71 -0
  310. package/dist/designer/data/systems/publication/components.html +154 -0
  311. package/dist/designer/data/systems/publication/tokens.css +63 -0
  312. package/dist/designer/data/systems/raycast/DESIGN.md +271 -0
  313. package/dist/designer/data/systems/raycast/components.html +507 -0
  314. package/dist/designer/data/systems/raycast/tokens.css +143 -0
  315. package/dist/designer/data/systems/refined/DESIGN.md +71 -0
  316. package/dist/designer/data/systems/refined/components.html +136 -0
  317. package/dist/designer/data/systems/refined/tokens.css +63 -0
  318. package/dist/designer/data/systems/renault/DESIGN.md +314 -0
  319. package/dist/designer/data/systems/renault/components.html +154 -0
  320. package/dist/designer/data/systems/renault/tokens.css +63 -0
  321. package/dist/designer/data/systems/replicate/DESIGN.md +264 -0
  322. package/dist/designer/data/systems/replicate/components.html +340 -0
  323. package/dist/designer/data/systems/replicate/tokens.css +125 -0
  324. package/dist/designer/data/systems/resend/DESIGN.md +306 -0
  325. package/dist/designer/data/systems/resend/components.html +839 -0
  326. package/dist/designer/data/systems/resend/tokens.css +353 -0
  327. package/dist/designer/data/systems/retro/DESIGN.md +71 -0
  328. package/dist/designer/data/systems/retro/components.html +136 -0
  329. package/dist/designer/data/systems/retro/tokens.css +63 -0
  330. package/dist/designer/data/systems/revolut/DESIGN.md +188 -0
  331. package/dist/designer/data/systems/revolut/components.html +342 -0
  332. package/dist/designer/data/systems/revolut/tokens.css +64 -0
  333. package/dist/designer/data/systems/runwayml/DESIGN.md +247 -0
  334. package/dist/designer/data/systems/runwayml/components.html +638 -0
  335. package/dist/designer/data/systems/runwayml/tokens.css +204 -0
  336. package/dist/designer/data/systems/sanity/DESIGN.md +360 -0
  337. package/dist/designer/data/systems/sanity/components.html +342 -0
  338. package/dist/designer/data/systems/sanity/tokens.css +64 -0
  339. package/dist/designer/data/systems/sentry/DESIGN.md +265 -0
  340. package/dist/designer/data/systems/sentry/components.html +387 -0
  341. package/dist/designer/data/systems/sentry/tokens.css +219 -0
  342. package/dist/designer/data/systems/shadcn/DESIGN.md +71 -0
  343. package/dist/designer/data/systems/shadcn/components.html +732 -0
  344. package/dist/designer/data/systems/shadcn/tokens.css +255 -0
  345. package/dist/designer/data/systems/shopify/DESIGN.md +353 -0
  346. package/dist/designer/data/systems/shopify/components.html +342 -0
  347. package/dist/designer/data/systems/shopify/tokens.css +141 -0
  348. package/dist/designer/data/systems/simple/DESIGN.md +71 -0
  349. package/dist/designer/data/systems/simple/components.html +136 -0
  350. package/dist/designer/data/systems/simple/tokens.css +63 -0
  351. package/dist/designer/data/systems/skeumorphism/DESIGN.md +71 -0
  352. package/dist/designer/data/systems/skeumorphism/components.html +136 -0
  353. package/dist/designer/data/systems/skeumorphism/tokens.css +63 -0
  354. package/dist/designer/data/systems/slack/DESIGN.md +363 -0
  355. package/dist/designer/data/systems/slack/components.html +387 -0
  356. package/dist/designer/data/systems/slack/tokens.css +127 -0
  357. package/dist/designer/data/systems/sleek/DESIGN.md +71 -0
  358. package/dist/designer/data/systems/sleek/components.html +136 -0
  359. package/dist/designer/data/systems/sleek/tokens.css +63 -0
  360. package/dist/designer/data/systems/spacex/DESIGN.md +197 -0
  361. package/dist/designer/data/systems/spacex/components.html +496 -0
  362. package/dist/designer/data/systems/spacex/tokens.css +154 -0
  363. package/dist/designer/data/systems/spacious/DESIGN.md +71 -0
  364. package/dist/designer/data/systems/spacious/components.html +136 -0
  365. package/dist/designer/data/systems/spacious/tokens.css +63 -0
  366. package/dist/designer/data/systems/spotify/DESIGN.md +249 -0
  367. package/dist/designer/data/systems/spotify/components.html +365 -0
  368. package/dist/designer/data/systems/spotify/tokens.css +127 -0
  369. package/dist/designer/data/systems/starbucks/DESIGN.md +583 -0
  370. package/dist/designer/data/systems/starbucks/components.html +493 -0
  371. package/dist/designer/data/systems/starbucks/tokens.css +182 -0
  372. package/dist/designer/data/systems/storytelling/DESIGN.md +71 -0
  373. package/dist/designer/data/systems/storytelling/components.html +136 -0
  374. package/dist/designer/data/systems/storytelling/tokens.css +63 -0
  375. package/dist/designer/data/systems/stripe/DESIGN.md +325 -0
  376. package/dist/designer/data/systems/stripe/components.html +1018 -0
  377. package/dist/designer/data/systems/stripe/tokens.css +295 -0
  378. package/dist/designer/data/systems/supabase/DESIGN.md +258 -0
  379. package/dist/designer/data/systems/supabase/components.html +741 -0
  380. package/dist/designer/data/systems/supabase/tokens.css +294 -0
  381. package/dist/designer/data/systems/superhuman/DESIGN.md +255 -0
  382. package/dist/designer/data/systems/superhuman/components.html +537 -0
  383. package/dist/designer/data/systems/superhuman/tokens.css +160 -0
  384. package/dist/designer/data/systems/tesla/DESIGN.md +289 -0
  385. package/dist/designer/data/systems/tesla/components.html +724 -0
  386. package/dist/designer/data/systems/tesla/tokens.css +285 -0
  387. package/dist/designer/data/systems/tetris/DESIGN.md +71 -0
  388. package/dist/designer/data/systems/tetris/components.html +342 -0
  389. package/dist/designer/data/systems/tetris/tokens.css +64 -0
  390. package/dist/designer/data/systems/theverge/DESIGN.md +342 -0
  391. package/dist/designer/data/systems/theverge/components.html +342 -0
  392. package/dist/designer/data/systems/theverge/tokens.css +64 -0
  393. package/dist/designer/data/systems/together-ai/DESIGN.md +266 -0
  394. package/dist/designer/data/systems/together-ai/components.html +422 -0
  395. package/dist/designer/data/systems/together-ai/tokens.css +127 -0
  396. package/dist/designer/data/systems/totality-festival/DESIGN.md +206 -0
  397. package/dist/designer/data/systems/totality-festival/components.html +136 -0
  398. package/dist/designer/data/systems/totality-festival/tokens.css +63 -0
  399. package/dist/designer/data/systems/trading-terminal/DESIGN.md +178 -0
  400. package/dist/designer/data/systems/trading-terminal/components.html +154 -0
  401. package/dist/designer/data/systems/trading-terminal/tokens.css +63 -0
  402. package/dist/designer/data/systems/uber/DESIGN.md +298 -0
  403. package/dist/designer/data/systems/uber/components.html +347 -0
  404. package/dist/designer/data/systems/uber/tokens.css +131 -0
  405. package/dist/designer/data/systems/urdu/DESIGN.md +1002 -0
  406. package/dist/designer/data/systems/urdu/components.html +136 -0
  407. package/dist/designer/data/systems/urdu/tokens.css +63 -0
  408. package/dist/designer/data/systems/vercel/DESIGN.md +313 -0
  409. package/dist/designer/data/systems/vercel/components.html +839 -0
  410. package/dist/designer/data/systems/vercel/tokens.css +270 -0
  411. package/dist/designer/data/systems/vibrant/DESIGN.md +71 -0
  412. package/dist/designer/data/systems/vibrant/components.html +136 -0
  413. package/dist/designer/data/systems/vibrant/tokens.css +63 -0
  414. package/dist/designer/data/systems/vintage/DESIGN.md +71 -0
  415. package/dist/designer/data/systems/vintage/components.html +136 -0
  416. package/dist/designer/data/systems/vintage/tokens.css +63 -0
  417. package/dist/designer/data/systems/vodafone/DESIGN.md +426 -0
  418. package/dist/designer/data/systems/vodafone/components.html +342 -0
  419. package/dist/designer/data/systems/vodafone/tokens.css +64 -0
  420. package/dist/designer/data/systems/voltagent/DESIGN.md +326 -0
  421. package/dist/designer/data/systems/voltagent/components.html +154 -0
  422. package/dist/designer/data/systems/voltagent/tokens.css +63 -0
  423. package/dist/designer/data/systems/warm-editorial/DESIGN.md +65 -0
  424. package/dist/designer/data/systems/warm-editorial/components.html +136 -0
  425. package/dist/designer/data/systems/warm-editorial/tokens.css +63 -0
  426. package/dist/designer/data/systems/warp/DESIGN.md +256 -0
  427. package/dist/designer/data/systems/warp/components.html +411 -0
  428. package/dist/designer/data/systems/warp/tokens.css +156 -0
  429. package/dist/designer/data/systems/webex/DESIGN.md +207 -0
  430. package/dist/designer/data/systems/webex/components.html +342 -0
  431. package/dist/designer/data/systems/webex/tokens.css +64 -0
  432. package/dist/designer/data/systems/webflow/DESIGN.md +95 -0
  433. package/dist/designer/data/systems/webflow/components.html +413 -0
  434. package/dist/designer/data/systems/webflow/tokens.css +191 -0
  435. package/dist/designer/data/systems/wechat/DESIGN.md +302 -0
  436. package/dist/designer/data/systems/wechat/components.html +507 -0
  437. package/dist/designer/data/systems/wechat/tokens.css +176 -0
  438. package/dist/designer/data/systems/wired/DESIGN.md +281 -0
  439. package/dist/designer/data/systems/wired/components.html +342 -0
  440. package/dist/designer/data/systems/wired/tokens.css +64 -0
  441. package/dist/designer/data/systems/wise/DESIGN.md +176 -0
  442. package/dist/designer/data/systems/wise/components.html +365 -0
  443. package/dist/designer/data/systems/wise/tokens.css +141 -0
  444. package/dist/designer/data/systems/x-ai/DESIGN.md +260 -0
  445. package/dist/designer/data/systems/x-ai/components.html +460 -0
  446. package/dist/designer/data/systems/x-ai/tokens.css +268 -0
  447. package/dist/designer/data/systems/xiaohongshu/DESIGN.md +402 -0
  448. package/dist/designer/data/systems/xiaohongshu/components.html +865 -0
  449. package/dist/designer/data/systems/xiaohongshu/tokens.css +193 -0
  450. package/dist/designer/data/systems/zapier/DESIGN.md +331 -0
  451. package/dist/designer/data/systems/zapier/components.html +342 -0
  452. package/dist/designer/data/systems/zapier/tokens.css +64 -0
  453. package/dist/designer/guidelines.js +176 -0
  454. package/dist/designer/index.js +236 -0
  455. package/dist/designer/skills.js +1675 -0
  456. package/dist/designer/systems.js +216 -0
  457. package/dist/server/pi-bridge.js +155 -5
  458. package/dist/server/session-stream.js +45 -1
  459. package/package.json +1 -1
package/dist/designer/data/systems/kami/tokens.css ADDED
@@ -0,0 +1,272 @@
1
+ /* ─────────────────────────────────────────────────────────────────────────
2
+ * design-systems/kami/tokens.css
3
+ *
4
+ * Structured token bindings for "kami / 紙 / 纸" — a print-first
5
+ * editorial system: warm parchment canvas, single ink-blue accent,
6
+ * serif at one weight (500), no italic, no cool grays.
7
+ *
8
+ * This file pre-compiles the values described in `DESIGN.md` into
9
+ * the schema shared with all OD design systems. Two paste paths:
10
+ *
11
+ * 1. Agents generating an artifact for kami should paste the
12
+ * :root block verbatim into the first <style> of the artifact,
13
+ * then reference everything via var(--*).
14
+ * 2. The optional `:root[lang="zh-CN"]` and `:root[lang="ja"]`
15
+ * blocks below override --font-display / --font-body for
16
+ * Chinese and Japanese typesetting. Include them only when
17
+ * the artifact's <html lang="..."> matches; otherwise drop
18
+ * to keep the paste minimal.
19
+ *
20
+ * Schema notes (kami pushed the schema in five places — see comments
21
+ * inline tagged "#Gap N" for the matching item in the design log):
22
+ * #Gap 1 — 4-level foreground ramp (--fg / --fg-2 / --muted / --meta)
23
+ * #Gap 2 — 3-level surface (--bg / --surface / --surface-warm)
24
+ * #Gap 3 — 2-level border (--border / --border-soft)
25
+ * #Gap 4 — accent-hover binds to value, not formula
26
+ * #Gap 5 — ring elevation as a first-class level (--elev-ring)
27
+ *
28
+ * Brand-specific extensions (NOT part of the shared schema, only in
29
+ * kami because of print-fidelity needs — see DESIGN.md §2 "Tag tints"):
30
+ * --tag-bg-soft / --tag-bg-base / --tag-bg-strong — solid-hex
31
+ * pre-blends of ink-blue over parchment, replacing rgba/color-mix
32
+ * tints because print renderers double-paint alpha fills.
33
+ * ─────────────────────────────────────────────────────────────────── */
34
+
35
+ :root {
36
+ /* ─── Surface (3 levels — #Gap 2) ────────────────────────────────
37
+ * Warm parchment canvas; cards lift one half-shade brighter to
38
+ * ivory; secondary interactive surfaces drop to warm-sand. Never
39
+ * #ffffff anywhere — the cream tone *is* kami's identity.
40
+ * `--surface-warm` is new in the shared schema; brands without a
41
+ * tertiary surface tier should alias it to var(--surface). */
42
+ --bg: #f5f4ed; /* parchment — page background */
43
+ --surface: #faf9f5; /* ivory — cards, lifted containers */
44
+ --surface-warm: #e8e6dc; /* warm sand — default button bg, secondary surfaces */
45
+
46
+ /* ─── Foreground ramp (4 levels — #Gap 1) ───────────────────────
47
+ * kami's text uses four named levels — primary / secondary /
48
+ * subtext / metadata. Cool blue-grays are forbidden everywhere;
49
+ * each token below has the warm yellow-brown undertone (R ≈ G > B)
50
+ * the brand requires.
51
+ *
52
+ * `--fg-2` and `--meta` are new in the shared schema; brands that
53
+ * only differentiate two levels should alias these to var(--fg)
54
+ * and var(--muted). */
55
+ --fg: #141413; /* near-black — primary text, slight olive warmth */
56
+ --fg-2: #3d3d3a; /* dark warm — secondary text, table headers */
57
+ --muted: #504e49; /* olive — subtext, captions */
58
+ --meta: #6b6a64; /* stone — tertiary, dates, metadata */
59
+
60
+ /* ─── Border (2 levels — #Gap 3) ────────────────────────────────
61
+ * Primary border for card edges and section dividers; soft border
62
+ * for inner row separators that should not visually compete.
63
+ * `--border-soft` is new in the shared schema; brands with one
64
+ * border tier should alias it to var(--border). */
65
+ --border: #e8e6dc;
66
+ --border-soft: #e5e3d8;
67
+
68
+ /* ─── Accent ─────────────────────────────────────────────────────
69
+ * The single chromatic move. CTAs, section numbers, link text,
70
+ * the left rule of a quote, the W500 weight in a metric. Hard
71
+ * cap of ≤5% of any surface area (DESIGN.md §2). */
72
+ --accent: #1b365d; /* ink blue */
73
+ --accent-on: #faf9f5; /* ivory — fg when accent is the bg (NOT pure white) */
74
+ --accent-light: #2d5a8a; /* brighter variant — links on dark surfaces only */
75
+
76
+ /* ─── Accent states (#Gap 4) ────────────────────────────────────
77
+ * kami treats --accent-hover and --accent-active as VALUE
78
+ * bindings, not formula derivations. Ink blue is already deep;
79
+ * mixing further black makes hover invisible. The brand instead
80
+ * expresses hover through elevation (whisper shadow) and keeps
81
+ * the color identical. Active darkens slightly via a hand-picked
82
+ * value, not a formula.
83
+ *
84
+ * Schema rule: every brand provides --accent-hover and
85
+ * --accent-active. Default's brand uses a black-mix formula;
86
+ * kami uses identity / hand-picked. Both satisfy the contract. */
87
+ --accent-hover: var(--accent); /* color-stable; hover via elevation */
88
+ --accent-active: #142a48; /* hand-picked, ~12% darker ink */
89
+
90
+ /* ─── Semantic ───────────────────────────────────────────────────
91
+ * kami's DESIGN.md doesn't specify success/warn/danger because the
92
+ * system is print-first and rarely renders status. We bind them to
93
+ * desaturated warm hues that survive parchment without breaking
94
+ * the "single chromatic move" rule. Use sparingly; kami artifacts
95
+ * almost never need these. */
96
+ --success: #4a6b3a; /* warm forest — toned down for parchment */
97
+ --warn: #8a6b1f; /* burnt sienna */
98
+ --danger: #8a3a30; /* warm terracotta — never tailwind red */
99
+
100
+ /* ─── Typography ─────────────────────────────────────────────────
101
+ * Default to English Charter stack on :root. The `:root[lang]`
102
+ * blocks below override for CN and JA. `--font-body` and
103
+ * `--font-display` are equal — kami uses a single serif weight
104
+ * (500) and lets size carry hierarchy.
105
+ *
106
+ * Sans is reserved for eyebrows, switchers, small labels — it
107
+ * literally equals the serif stack, so there is no separate
108
+ * sans token. */
109
+ --font-display:
110
+ Charter, Georgia, Palatino, "Times New Roman", serif;
111
+ --font-body:
112
+ Charter, Georgia, Palatino, "Times New Roman", serif;
113
+ --font-mono:
114
+ "JetBrains Mono", "SF Mono", "Fira Code", Consolas, Monaco,
115
+ "TsangerJinKai02", "Source Han Serif SC", monospace;
116
+
117
+ /* Type scale (px) — derived from DESIGN.md §3 hierarchy table.
118
+ * kami runs lighter on the small end and heavier on the display
119
+ * end than default's 12–64 — print rhythm needs both 11px captions
120
+ * and 96px hero display.
121
+ *
122
+ * `--text-md` (15px) is a brand-specific extension — kami needs an
123
+ * in-between size for ledes that the schema's --text-base (body)
124
+ * and --text-lg (H3) ramp doesn't supply. Generic cross-brand
125
+ * components must NOT reference --text-md; only kami's own
126
+ * components.html consumes it. Promote to schema if a second
127
+ * brand reports the same need. */
128
+ --text-xs: 11px;
129
+ --text-sm: 12px;
130
+ --text-base: 14px; /* body — print-dense */
131
+ --text-md: 15px; /* brand-specific — lede / large body */
132
+ --text-lg: 17px; /* H3 */
133
+ --text-xl: 22px; /* H2 */
134
+ --text-2xl: 32px; /* section title */
135
+ --text-3xl: 48px; /* CJK display ceiling */
136
+ --text-4xl: 96px; /* EN hero / cover slide title */
137
+
138
+ /* kami's line-height envelope is 1.10–1.55, narrower than default's */
139
+ --leading-display: 1.1; /* hero, H1, H2 */
140
+ --leading-tight: 1.25; /* section title */
141
+ --leading-body: 1.55; /* reading body */
142
+ --leading-dense: 1.4; /* resume / one-pager */
143
+
144
+ /* Letter-spacing rules from DESIGN.md §3. EN body is 0; CN/JA
145
+ * override below. Display tracking is negative (compresses
146
+ * 96px hero); eyebrow tracking is positive (uppercase labels). */
147
+ --tracking-display: -1.2px; /* applied to 96px hero only */
148
+ --tracking-eyebrow: 1.2px; /* uppercase eyebrow / overline */
149
+ --tracking-label: 0.4px; /* small uppercase labels */
150
+
151
+ /* ─── Spacing ────────────────────────────────────────────────────
152
+ * kami is print-rooted; section gaps and card paddings come from
153
+ * the layout grid in DESIGN.md §5, not the 4px web-grid that
154
+ * default uses. We keep the same token names but rebind values
155
+ * to kami's actual rhythm. */
156
+ --space-1: 4px;
157
+ --space-2: 8px;
158
+ --space-3: 12px;
159
+ --space-4: 16px;
160
+ --space-5: 20px;
161
+ --space-6: 24px;
162
+ --space-7: 28px; /* card interior */
163
+ --space-8: 32px;
164
+ --space-12: 48px;
165
+ --space-18: 72px; /* section gap (web) */
166
+ --space-22: 88px; /* page top padding (web) */
167
+
168
+ /* Web page geometry (DESIGN.md §5) */
169
+ --section-y-desktop: 72px;
170
+ --section-y-tablet: 48px;
171
+ --section-y-phone: 32px;
172
+
173
+ /* ─── Radius ─────────────────────────────────────────────────────
174
+ * `2px → 4px → 6px → 8px → 12px → 16px` per DESIGN.md §6. Tags
175
+ * sit at 2–4px; buttons and cards at 8px; featured at 12–16px. */
176
+ --radius-xs: 2px; /* tags */
177
+ --radius-sm: 4px; /* small chips */
178
+ --radius-md: 8px; /* default — buttons, cards */
179
+ --radius-lg: 12px; /* featured cards */
180
+ --radius-xl: 16px; /* hero containers */
181
+ --radius-pill: 9999px; /* avatars (rare) */
182
+
183
+ /* ─── Elevation (3 levels — #Gap 5) ─────────────────────────────
184
+ * kami forbids hard drop shadows. Three sanctioned levels:
185
+ * flat / ring (1px hairline OR 1px brand ring) / whisper. The
186
+ * shared schema gains `--elev-ring` so brands using ring shadows
187
+ * as primary elevation (kami, paper, editorial) don't have to
188
+ * rebind --elev-raised away from blur shadow.
189
+ *
190
+ * `--elev-ring-accent` is brand-specific — kami uses it as the
191
+ * edge for primary buttons (`box-shadow: var(--elev-ring-accent)`
192
+ * instead of border, to keep the rectangle perfectly aligned
193
+ * with the fill). */
194
+ --elev-flat: none;
195
+ --elev-ring: 0 0 0 1px var(--border);
196
+ --elev-ring-accent: 0 0 0 1px var(--accent); /* brand-specific */
197
+ --elev-raised: 0 4px 24px rgba(0, 0, 0, 0.05); /* whisper */
198
+
199
+ /* ─── Focus ring ─────────────────────────────────────────────────
200
+ * kami's focus is more restrained than default's — the brand
201
+ * forbids cool-blue glows. We use a smaller ring with the active
202
+ * variant of accent. */
203
+ --focus-ring: 0 0 0 2px var(--accent-active);
204
+
205
+ /* ─── Motion ─────────────────────────────────────────────────────
206
+ * kami's hover is a 200ms whisper-shadow lift only — no transform,
207
+ * no brightness shift. Two durations, one easing. */
208
+ --motion-fast: 150ms;
209
+ --motion-base: 200ms;
210
+ --ease-standard: cubic-bezier(0.2, 0, 0, 1);
211
+
212
+ /* ─── Layout ─────────────────────────────────────────────────────
213
+ * Web container: 1120px max, 64px gutter desktop. Print pages
214
+ * have margin tokens specific to document type (resume / one-pager
215
+ * / long-doc / letter / portfolio) — those live in the print
216
+ * skill, not in this shared token block. */
217
+ --container-max: 1120px;
218
+ --container-gutter-desktop: 64px;
219
+ --container-gutter-tablet: 32px;
220
+ --container-gutter-phone: 16px;
221
+
222
+ /* ─── Brand-specific: tag tint scale (#Gap 6) ────────────────────
223
+ * Print renderers double-paint alpha fills. kami pre-blends ink
224
+ * blue over parchment as solid hex at 5 effective alphas. These
225
+ * tokens are NOT part of the shared schema; they live here only
226
+ * because kami's rendering target needs them. Other brands tint
227
+ * with `color-mix(... transparent N%)` inline. */
228
+ --tag-bg-faint: #eef2f7; /* ≈ ink at 0.08 */
229
+ --tag-bg-soft: #e4ecf5; /* ≈ ink at 0.18 — DEFAULT tag */
230
+ --tag-bg-base: #d6e1ee; /* ≈ ink at 0.30 */
231
+ --tag-bg-strong: #d0dce9; /* ≈ ink at 0.22, denser */
232
+ }
233
+
234
+ /* ─── i18n font overrides (#Gap 7) ──────────────────────────────────
235
+ * Switch the dominant font stack based on the artifact's lang.
236
+ * Apply ONLY ONE of these blocks — the one matching <html lang="...">
237
+ * — and keep --font-mono on the EN stack since code labels stay Latin
238
+ * regardless of the document language.
239
+ *
240
+ * For multi-language artifacts (e.g. a deck with one Japanese chapter),
241
+ * keep the dominant stack on :root and scope the override on a
242
+ * wrapper element instead:
243
+ *
244
+ * section[lang="ja"] { --font-display: <JA stack>; ... }
245
+ *
246
+ * Do NOT chain all three font families inside a single font-family
247
+ * declaration — that dilutes the visual character of every page.
248
+ * ─────────────────────────────────────────────────────────────────── */
249
+
250
+ :root[lang="zh-CN"],
251
+ :root[lang="zh"] {
252
+ --font-display:
253
+ "TsangerJinKai02", "Source Han Serif SC", "Noto Serif CJK SC",
254
+ "Songti SC", "STSong", Georgia, serif;
255
+ --font-body:
256
+ "TsangerJinKai02", "Source Han Serif SC", "Noto Serif CJK SC",
257
+ "Songti SC", "STSong", Georgia, serif;
258
+ }
259
+
260
+ :root[lang="ja"] {
261
+ --font-display:
262
+ "YuMincho", "Yu Mincho", "Hiragino Mincho ProN",
263
+ "Noto Serif CJK JP", "Source Han Serif JP",
264
+ "TsangerJinKai02", Georgia, serif;
265
+ --font-body:
266
+ "YuMincho", "Yu Mincho", "Hiragino Mincho ProN",
267
+ "Noto Serif CJK JP", "Source Han Serif JP",
268
+ "TsangerJinKai02", Georgia, serif;
269
+ /* JA needs the lighter olive override — YuMincho strokes are thinner
270
+ * and the standard olive looks anemic against parchment. */
271
+ --muted: #4d4c48;
272
+ }
package/dist/designer/data/systems/kraken/DESIGN.md ADDED
@@ -0,0 +1,128 @@
1
+ # Design System Inspired by Kraken
2
+
3
+ > Category: Fintech & Crypto
4
+ > Crypto trading. Purple-accented dark UI, data-dense dashboards.
5
+
6
+ ## 1. Visual Theme & Atmosphere
7
+
8
+ Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color. The design operates on white backgrounds with Kraken Purple (`#7132f5`, `#5741d8`, `#5b1ecf`) creating a distinctive, professional crypto identity. The proprietary Kraken-Brand font handles display headings with bold (700) weight and negative tracking, while Kraken-Product (with IBM Plex Sans fallback) serves as the UI workhorse.
9
+
10
+ **Key Characteristics:**
11
+ - Kraken Purple (`#7132f5`) as primary brand with darker variants (`#5741d8`, `#5b1ecf`)
12
+ - Kraken-Brand (display) + Kraken-Product (UI) dual font system
13
+ - Near-black (`#101114`) text with cool blue-gray neutral scale
14
+ - 12px radius buttons (rounded but not pill)
15
+ - Subtle shadows (`rgba(0,0,0,0.03) 0px 4px 24px`) — whisper-level
16
+ - Green accent (`#149e61`) for positive/success states
17
+
18
+ ## 2. Color Palette & Roles
19
+
20
+ ### Primary
21
+ - **Kraken Purple** (`#7132f5`): Primary CTA, brand accent, links
22
+ - **Purple Dark** (`#5741d8`): Button borders, outlined variants
23
+ - **Purple Deep** (`#5b1ecf`): Deepest purple
24
+ - **Purple Subtle** (`rgba(133,91,251,0.16)`): Purple at 16% — subtle button backgrounds
25
+ - **Near Black** (`#101114`): Primary text
26
+
27
+ ### Neutral
28
+ - **Cool Gray** (`#686b82`): Primary neutral, borders at 24% opacity
29
+ - **Silver Blue** (`#9497a9`): Secondary text, muted elements
30
+ - **White** (`#ffffff`): Primary surface
31
+ - **Border Gray** (`#dedee5`): Divider borders
32
+
33
+ ### Semantic
34
+ - **Green** (`#149e61`): Success/positive at 16% opacity for badges
35
+ - **Green Dark** (`#026b3f`): Badge text
36
+
37
+ ## 3. Typography Rules
38
+
39
+ ### Font Families
40
+ - **Display**: `Kraken-Brand`, fallbacks: `IBM Plex Sans, Helvetica, Arial`
41
+ - **UI / Body**: `Kraken-Product`, fallbacks: `Helvetica Neue, Helvetica, Arial`
42
+
43
+ ### Hierarchy
44
+
45
+ | Role | Font | Size | Weight | Line Height | Letter Spacing |
46
+ |------|------|------|--------|-------------|----------------|
47
+ | Display Hero | Kraken-Brand | 48px | 700 | 1.17 | -1px |
48
+ | Section Heading | Kraken-Brand | 36px | 700 | 1.22 | -0.5px |
49
+ | Sub-heading | Kraken-Brand | 28px | 700 | 1.29 | -0.5px |
50
+ | Feature Title | Kraken-Product | 22px | 600 | 1.20 | normal |
51
+ | Body | Kraken-Product | 16px | 400 | 1.38 | normal |
52
+ | Body Medium | Kraken-Product | 16px | 500 | 1.38 | normal |
53
+ | Button | Kraken-Product | 16px | 500–600 | 1.38 | normal |
54
+ | Caption | Kraken-Product | 14px | 400–700 | 1.43–1.71 | normal |
55
+ | Small | Kraken-Product | 12px | 400–500 | 1.33 | normal |
56
+ | Micro | Kraken-Product | 7px | 500 | 1.00 | uppercase |
57
+
58
+ ## 4. Component Stylings
59
+
60
+ ### Buttons
61
+
62
+ **Primary Purple**
63
+ - Background: `#7132f5`
64
+ - Text: `#ffffff`
65
+ - Padding: 13px 16px
66
+ - Radius: 12px
67
+
68
+ **Purple Outlined**
69
+ - Background: `#ffffff`
70
+ - Text: `#5741d8`
71
+ - Border: `1px solid #5741d8`
72
+ - Radius: 12px
73
+
74
+ **Purple Subtle**
75
+ - Background: `rgba(133,91,251,0.16)`
76
+ - Text: `#7132f5`
77
+ - Padding: 8px
78
+ - Radius: 12px
79
+
80
+ **White Button**
81
+ - Background: `#ffffff`
82
+ - Text: `#101114`
83
+ - Radius: 10px
84
+ - Shadow: `rgba(0,0,0,0.03) 0px 4px 24px`
85
+
86
+ **Secondary Gray**
87
+ - Background: `rgba(148,151,169,0.08)`
88
+ - Text: `#101114`
89
+ - Radius: 12px
90
+
91
+ ### Badges
92
+ - Success: `rgba(20,158,97,0.16)` bg, `#026b3f` text, 6px radius
93
+ - Neutral: `rgba(104,107,130,0.12)` bg, `#484b5e` text, 8px radius
94
+
95
+ ## 5. Layout Principles
96
+
97
+ ### Spacing: 1px, 2px, 3px, 4px, 5px, 6px, 8px, 10px, 12px, 13px, 15px, 16px, 20px, 24px, 25px
98
+ ### Border Radius: 3px, 6px, 8px, 10px, 12px, 16px, 9999px, 50%
99
+
100
+ ## 6. Depth & Elevation
101
+ - Subtle: `rgba(0,0,0,0.03) 0px 4px 24px`
102
+ - Micro: `rgba(16,24,40,0.04) 0px 1px 4px`
103
+
104
+ ## 7. Do's and Don'ts
105
+
106
+ ### Do
107
+ - Use Kraken Purple (#7132f5) for CTAs and links
108
+ - Apply 12px radius on all buttons
109
+ - Use Kraken-Brand for headings, Kraken-Product for body
110
+
111
+ ### Don't
112
+ - Don't use pill buttons — 12px is the max radius for buttons
113
+ - Don't use other purples outside the defined scale
114
+
115
+ ## 8. Responsive Behavior
116
+ Breakpoints: 375px, 425px, 640px, 768px, 1024px, 1280px, 1536px
117
+
118
+ ## 9. Agent Prompt Guide
119
+
120
+ ### Quick Color Reference
121
+ - Brand: Kraken Purple (`#7132f5`)
122
+ - Dark variant: `#5741d8`
123
+ - Text: Near Black (`#101114`)
124
+ - Secondary text: `#9497a9`
125
+ - Background: White (`#ffffff`)
126
+
127
+ ### Example Component Prompts
128
+ - "Create hero: white background. Kraken-Brand 48px weight 700, letter-spacing -1px. Purple CTA (#7132f5, 12px radius, 13px 16px padding)."