@jaimevalasek/aioson 1.5.1 → 1.7.0

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 (341) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +729 -226
  3. package/docs/design-previews/aurora-command-ui-website.html +884 -0
  4. package/docs/design-previews/aurora-command-ui.html +682 -0
  5. package/docs/design-previews/bold-editorial-ui-website.html +658 -0
  6. package/docs/design-previews/bold-editorial-ui.html +717 -0
  7. package/docs/design-previews/clean-saas-ui-website.html +1202 -0
  8. package/docs/design-previews/clean-saas-ui.html +549 -0
  9. package/docs/design-previews/cognitive-core-ui-website.html +1009 -0
  10. package/docs/design-previews/cognitive-core-ui.html +463 -0
  11. package/docs/design-previews/glassmorphism-ui-website.html +572 -0
  12. package/docs/design-previews/glassmorphism-ui.html +886 -0
  13. package/docs/design-previews/index.html +699 -0
  14. package/docs/design-previews/interface-design-website.html +1187 -0
  15. package/docs/design-previews/interface-design.html +513 -0
  16. package/docs/design-previews/neo-brutalist-ui-website.html +621 -0
  17. package/docs/design-previews/neo-brutalist-ui.html +797 -0
  18. package/docs/design-previews/premium-command-center-ui-website.html +1217 -0
  19. package/docs/design-previews/premium-command-center-ui.html +552 -0
  20. package/docs/design-previews/pt.squarespace.com-homepage.html +889 -0
  21. package/docs/design-previews/warm-craft-ui-website.html +684 -0
  22. package/docs/design-previews/warm-craft-ui.html +739 -0
  23. package/docs/en/cli-reference.md +20 -9
  24. package/docs/integrations/sdlc-genius-boundary.md +76 -0
  25. package/docs/integrations/sdlc-genius-eval-matrix.md +75 -0
  26. package/docs/integrations/sdlc-genius-install-checklist.md +93 -0
  27. package/docs/integrations/sdlc-genius-review-samples.md +86 -0
  28. package/docs/pt/README.md +10 -0
  29. package/docs/pt/agent-sharding.md +132 -0
  30. package/docs/pt/agentes.md +9 -2
  31. package/docs/pt/busca-de-contexto.md +129 -0
  32. package/docs/pt/cache-de-contexto.md +156 -0
  33. package/docs/pt/comandos-cli.md +915 -1
  34. package/docs/pt/design-hybrid-forge.md +356 -0
  35. package/docs/pt/devlog-pipeline.md +270 -0
  36. package/docs/pt/fluxo-artefatos.md +178 -0
  37. package/docs/pt/hooks-session-guard.md +454 -0
  38. package/docs/pt/inicio-rapido.md +54 -3
  39. package/docs/pt/inteligencia-adaptativa.md +324 -0
  40. package/docs/pt/monitor-de-contexto.md +158 -0
  41. package/docs/pt/recuperacao-de-sessao.md +125 -0
  42. package/docs/pt/sandbox.md +125 -0
  43. package/docs/pt/sdd-automation-scripts.md +557 -0
  44. package/docs/pt/site-forge.md +309 -0
  45. package/docs/pt/skills.md +98 -6
  46. package/docs/pt/spec-learnings-pipeline.md +265 -0
  47. package/package.json +1 -1
  48. package/src/a2a/client.js +165 -0
  49. package/src/a2a/server.js +223 -0
  50. package/src/agent-loader.js +280 -0
  51. package/src/cli.js +329 -1
  52. package/src/commands/agent-audit.js +397 -0
  53. package/src/commands/agent-export-skill.js +229 -0
  54. package/src/commands/agent-loader.js +85 -0
  55. package/src/commands/artifact-validate.js +189 -0
  56. package/src/commands/brief-gen.js +405 -0
  57. package/src/commands/brief-validate.js +65 -0
  58. package/src/commands/classify.js +256 -0
  59. package/src/commands/context-cache.js +90 -0
  60. package/src/commands/context-compact.js +49 -0
  61. package/src/commands/context-health.js +175 -0
  62. package/src/commands/context-monitor.js +163 -0
  63. package/src/commands/context-search.js +66 -0
  64. package/src/commands/context-trim.js +177 -0
  65. package/src/commands/design-hybrid-options.js +385 -0
  66. package/src/commands/detect-test-runner.js +55 -0
  67. package/src/commands/devlog-export-brains.js +27 -0
  68. package/src/commands/devlog-process.js +292 -0
  69. package/src/commands/devlog-watch.js +131 -0
  70. package/src/commands/feature-close.js +165 -0
  71. package/src/commands/gate-check.js +228 -0
  72. package/src/commands/health.js +214 -0
  73. package/src/commands/hooks-emit.js +253 -0
  74. package/src/commands/hooks-install.js +347 -0
  75. package/src/commands/init.js +54 -13
  76. package/src/commands/install.js +52 -13
  77. package/src/commands/learning-auto-promote.js +195 -0
  78. package/src/commands/learning-evolve.js +364 -0
  79. package/src/commands/learning-export.js +103 -0
  80. package/src/commands/learning-rollback.js +164 -0
  81. package/src/commands/live.js +59 -1
  82. package/src/commands/pattern-detect.js +33 -0
  83. package/src/commands/preflight-context.js +30 -0
  84. package/src/commands/preflight.js +208 -0
  85. package/src/commands/pulse-update.js +130 -0
  86. package/src/commands/recovery.js +43 -0
  87. package/src/commands/runner-daemon.js +274 -0
  88. package/src/commands/runner-plan.js +70 -0
  89. package/src/commands/runner-queue-from-plan.js +166 -0
  90. package/src/commands/runner-queue.js +189 -0
  91. package/src/commands/runner-run.js +129 -0
  92. package/src/commands/runtime.js +47 -1
  93. package/src/commands/sandbox.js +37 -0
  94. package/src/commands/self-implement-loop.js +256 -0
  95. package/src/commands/session-guard.js +218 -0
  96. package/src/commands/setup-context.js +22 -2
  97. package/src/commands/setup.js +178 -0
  98. package/src/commands/sizing.js +165 -0
  99. package/src/commands/skill.js +144 -32
  100. package/src/commands/spec-checkpoint.js +177 -0
  101. package/src/commands/spec-status.js +79 -0
  102. package/src/commands/spec-sync.js +190 -0
  103. package/src/commands/spec-tasks.js +288 -0
  104. package/src/commands/squad-autorun.js +1220 -0
  105. package/src/commands/squad-bus.js +217 -0
  106. package/src/commands/squad-card.js +149 -0
  107. package/src/commands/squad-daemon.js +134 -0
  108. package/src/commands/squad-dependency-graph.js +164 -0
  109. package/src/commands/squad-review.js +106 -0
  110. package/src/commands/squad-scaffold.js +55 -0
  111. package/src/commands/squad-tool-register.js +157 -0
  112. package/src/commands/state-save.js +122 -0
  113. package/src/commands/tool-registry-cmd.js +232 -0
  114. package/src/commands/update.js +9 -0
  115. package/src/commands/verify-gate.js +572 -0
  116. package/src/commands/workflow-execute.js +241 -0
  117. package/src/constants.js +18 -0
  118. package/src/context-cache.js +159 -0
  119. package/src/context-search.js +326 -0
  120. package/src/design-variation-catalog.js +503 -0
  121. package/src/i18n/messages/en.js +32 -2
  122. package/src/i18n/messages/es.js +30 -2
  123. package/src/i18n/messages/fr.js +30 -2
  124. package/src/i18n/messages/pt-BR.js +32 -2
  125. package/src/install-animation.js +260 -0
  126. package/src/install-profile.js +143 -0
  127. package/src/install-wizard.js +475 -0
  128. package/src/installer.js +44 -10
  129. package/src/lib/health-check.js +158 -0
  130. package/src/lib/hook-protocol.js +76 -0
  131. package/src/mcp/apps/squad-dashboard/app.js +163 -0
  132. package/src/mcp/apps/squad-dashboard/index.html +261 -0
  133. package/src/mcp/apps/squad-dashboard/mcp-manifest.json +23 -0
  134. package/src/mcp/resources/squad-state.js +130 -0
  135. package/src/parser.js +7 -1
  136. package/src/preflight-engine.js +443 -0
  137. package/src/recovery-context-session.js +154 -0
  138. package/src/runner/cascade.js +97 -0
  139. package/src/runner/cli-launcher.js +109 -0
  140. package/src/runner/plan-importer.js +63 -0
  141. package/src/runner/queue-store.js +159 -0
  142. package/src/runtime-store.js +158 -4
  143. package/src/sandbox.js +177 -0
  144. package/src/squad/agent-teams-adapter.js +264 -0
  145. package/src/squad/brief-validator.js +350 -0
  146. package/src/squad/bus-bridge.js +140 -0
  147. package/src/squad/context-compactor.js +265 -0
  148. package/src/squad/cross-ai-synthesizer.js +250 -0
  149. package/src/squad/hooks-generator.js +196 -0
  150. package/src/squad/inter-squad-events.js +175 -0
  151. package/src/squad/intra-bus.js +345 -0
  152. package/src/squad/learning-extractor.js +213 -0
  153. package/src/squad/pattern-detector.js +365 -0
  154. package/src/squad/preflight-context.js +296 -0
  155. package/src/squad/recovery-context.js +242 -71
  156. package/src/squad/reflection.js +365 -0
  157. package/src/squad/squad-scaffold.js +177 -0
  158. package/src/squad/state-manager.js +310 -0
  159. package/src/squad/task-decomposer.js +652 -0
  160. package/src/squad/verify-gate.js +303 -0
  161. package/src/tool-executor.js +94 -0
  162. package/src/updater.js +10 -3
  163. package/src/worker-runner.js +186 -1
  164. package/template/.aioson/agents/analyst.md +119 -3
  165. package/template/.aioson/agents/architect.md +98 -0
  166. package/template/.aioson/agents/design-hybrid-forge.md +141 -0
  167. package/template/.aioson/agents/dev.md +335 -14
  168. package/template/.aioson/agents/deyvin.md +117 -2
  169. package/template/.aioson/agents/discovery-design-doc.md +44 -0
  170. package/template/.aioson/agents/genome.md +14 -0
  171. package/template/.aioson/agents/neo.md +78 -1
  172. package/template/.aioson/agents/orache.md +50 -4
  173. package/template/.aioson/agents/orchestrator.md +197 -1
  174. package/template/.aioson/agents/pm.md +93 -0
  175. package/template/.aioson/agents/product.md +77 -4
  176. package/template/.aioson/agents/profiler-enricher.md +14 -0
  177. package/template/.aioson/agents/profiler-forge.md +14 -0
  178. package/template/.aioson/agents/profiler-researcher.md +14 -0
  179. package/template/.aioson/agents/qa.md +249 -19
  180. package/template/.aioson/agents/setup.md +144 -12
  181. package/template/.aioson/agents/sheldon.md +237 -11
  182. package/template/.aioson/agents/site-forge.md +1753 -0
  183. package/template/.aioson/agents/squad.md +162 -0
  184. package/template/.aioson/agents/tester.md +209 -0
  185. package/template/.aioson/agents/ux-ui.md +34 -1
  186. package/template/.aioson/brains/README.md +128 -0
  187. package/template/.aioson/brains/_index.json +16 -0
  188. package/template/.aioson/brains/scripts/query.js +103 -0
  189. package/template/.aioson/brains/site-forge/visual-patterns.brain.json +205 -0
  190. package/template/.aioson/config.md +158 -13
  191. package/template/.aioson/constitution.md +33 -0
  192. package/template/.aioson/context/forensics/.gitkeep +0 -0
  193. package/template/.aioson/context/project-pulse.md +34 -0
  194. package/template/.aioson/context/seeds/seed-example.md +27 -0
  195. package/template/.aioson/context/user-profile.md +42 -0
  196. package/template/.aioson/docs/LAYERS.md +79 -0
  197. package/template/.aioson/docs/README.md +76 -0
  198. package/template/.aioson/docs/example-external-api-context.md +72 -0
  199. package/template/.aioson/locales/en/agents/architect.md +17 -0
  200. package/template/.aioson/locales/en/agents/dev.md +79 -13
  201. package/template/.aioson/locales/en/agents/orache.md +6 -0
  202. package/template/.aioson/locales/en/agents/orchestrator.md +24 -0
  203. package/template/.aioson/locales/en/agents/product.md +50 -0
  204. package/template/.aioson/locales/en/agents/setup.md +33 -1
  205. package/template/.aioson/locales/en/agents/sheldon.md +115 -0
  206. package/template/.aioson/locales/en/agents/squad.md +14 -0
  207. package/template/.aioson/locales/en/agents/tester.md +6 -0
  208. package/template/.aioson/locales/es/agents/analyst.md +2 -0
  209. package/template/.aioson/locales/es/agents/architect.md +19 -0
  210. package/template/.aioson/locales/es/agents/dev.md +64 -4
  211. package/template/.aioson/locales/es/agents/deyvin.md +2 -0
  212. package/template/.aioson/locales/es/agents/discovery-design-doc.md +2 -0
  213. package/template/.aioson/locales/es/agents/genome.md +2 -0
  214. package/template/.aioson/locales/es/agents/neo.md +2 -0
  215. package/template/.aioson/locales/es/agents/orache.md +2 -0
  216. package/template/.aioson/locales/es/agents/orchestrator.md +26 -0
  217. package/template/.aioson/locales/es/agents/pair.md +2 -0
  218. package/template/.aioson/locales/es/agents/pm.md +2 -0
  219. package/template/.aioson/locales/es/agents/product.md +52 -0
  220. package/template/.aioson/locales/es/agents/profiler-enricher.md +2 -0
  221. package/template/.aioson/locales/es/agents/profiler-forge.md +2 -0
  222. package/template/.aioson/locales/es/agents/profiler-researcher.md +2 -0
  223. package/template/.aioson/locales/es/agents/qa.md +2 -0
  224. package/template/.aioson/locales/es/agents/setup.md +35 -1
  225. package/template/.aioson/locales/es/agents/sheldon.md +117 -0
  226. package/template/.aioson/locales/es/agents/squad.md +16 -0
  227. package/template/.aioson/locales/es/agents/tester.md +9 -0
  228. package/template/.aioson/locales/es/agents/ux-ui.md +2 -0
  229. package/template/.aioson/locales/fr/agents/analyst.md +2 -0
  230. package/template/.aioson/locales/fr/agents/architect.md +19 -0
  231. package/template/.aioson/locales/fr/agents/dev.md +64 -4
  232. package/template/.aioson/locales/fr/agents/deyvin.md +2 -0
  233. package/template/.aioson/locales/fr/agents/discovery-design-doc.md +2 -0
  234. package/template/.aioson/locales/fr/agents/genome.md +2 -0
  235. package/template/.aioson/locales/fr/agents/neo.md +2 -0
  236. package/template/.aioson/locales/fr/agents/orache.md +2 -0
  237. package/template/.aioson/locales/fr/agents/orchestrator.md +26 -0
  238. package/template/.aioson/locales/fr/agents/pair.md +2 -0
  239. package/template/.aioson/locales/fr/agents/pm.md +2 -0
  240. package/template/.aioson/locales/fr/agents/product.md +52 -0
  241. package/template/.aioson/locales/fr/agents/profiler-enricher.md +2 -0
  242. package/template/.aioson/locales/fr/agents/profiler-forge.md +2 -0
  243. package/template/.aioson/locales/fr/agents/profiler-researcher.md +2 -0
  244. package/template/.aioson/locales/fr/agents/qa.md +2 -0
  245. package/template/.aioson/locales/fr/agents/setup.md +35 -1
  246. package/template/.aioson/locales/fr/agents/sheldon.md +117 -0
  247. package/template/.aioson/locales/fr/agents/squad.md +16 -0
  248. package/template/.aioson/locales/fr/agents/tester.md +9 -0
  249. package/template/.aioson/locales/fr/agents/ux-ui.md +2 -0
  250. package/template/.aioson/locales/pt-BR/agents/analyst.md +64 -3
  251. package/template/.aioson/locales/pt-BR/agents/architect.md +42 -0
  252. package/template/.aioson/locales/pt-BR/agents/dev.md +147 -14
  253. package/template/.aioson/locales/pt-BR/agents/deyvin.md +47 -0
  254. package/template/.aioson/locales/pt-BR/agents/neo.md +62 -1
  255. package/template/.aioson/locales/pt-BR/agents/orchestrator.md +158 -2
  256. package/template/.aioson/locales/pt-BR/agents/pm.md +95 -1
  257. package/template/.aioson/locales/pt-BR/agents/product.md +145 -18
  258. package/template/.aioson/locales/pt-BR/agents/qa.md +16 -0
  259. package/template/.aioson/locales/pt-BR/agents/setup.md +134 -19
  260. package/template/.aioson/locales/pt-BR/agents/sheldon.md +132 -1
  261. package/template/.aioson/locales/pt-BR/agents/squad.md +14 -0
  262. package/template/.aioson/locales/pt-BR/agents/tester.md +449 -0
  263. package/template/.aioson/rules/README.md +69 -0
  264. package/template/.aioson/rules/data-format-convention.md +136 -0
  265. package/template/.aioson/rules/example-monetary-values.md +30 -0
  266. package/template/.aioson/schemas/squad-manifest.schema.json +124 -3
  267. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -0
  268. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -0
  269. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -0
  270. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -0
  271. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -0
  272. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -0
  273. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -0
  274. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -0
  275. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -0
  276. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -0
  277. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -0
  278. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -0
  279. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -0
  280. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -0
  281. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -0
  282. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -0
  283. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -0
  284. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -0
  285. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -0
  286. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -0
  287. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -0
  288. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -0
  289. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -0
  290. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -0
  291. package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -0
  292. package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +66 -0
  293. package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +368 -0
  294. package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -0
  295. package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -0
  296. package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -0
  297. package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +165 -0
  298. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +46 -0
  299. package/template/.aioson/skills/process/aioson-spec-driven/references/analyst.md +30 -0
  300. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -0
  301. package/template/.aioson/skills/process/aioson-spec-driven/references/architect.md +23 -0
  302. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -0
  303. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -0
  304. package/template/.aioson/skills/process/aioson-spec-driven/references/dev.md +47 -0
  305. package/template/.aioson/skills/process/aioson-spec-driven/references/deyvin.md +27 -0
  306. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -0
  307. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +101 -0
  308. package/template/.aioson/skills/process/aioson-spec-driven/references/product.md +25 -0
  309. package/template/.aioson/skills/process/aioson-spec-driven/references/qa.md +30 -0
  310. package/template/.aioson/skills/process/aioson-spec-driven/references/sheldon.md +25 -0
  311. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -0
  312. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +147 -0
  313. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -0
  314. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -0
  315. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +306 -0
  316. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +149 -0
  317. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +208 -0
  318. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -0
  319. package/template/.aioson/skills/process/simplify/SKILL.md +173 -0
  320. package/template/.aioson/skills/static/context-budget-guide.md +46 -0
  321. package/template/.aioson/skills/static/harness-sensors.md +74 -0
  322. package/template/.aioson/skills/static/multi-agent-patterns.md +43 -0
  323. package/template/.aioson/skills/static/react-motion-patterns.md +22 -0
  324. package/template/.aioson/skills/static/static-html-patterns/checklists.md +43 -0
  325. package/template/.aioson/skills/static/static-html-patterns/css-tokens.md +609 -0
  326. package/template/.aioson/skills/static/static-html-patterns/motion.md +193 -0
  327. package/template/.aioson/skills/static/static-html-patterns/premium.md +711 -0
  328. package/template/.aioson/skills/static/static-html-patterns/structure.md +209 -0
  329. package/template/.aioson/skills/static/static-html-patterns/utilities.md +190 -0
  330. package/template/.aioson/skills/static/static-html-patterns.md +58 -1913
  331. package/template/.aioson/skills/static/threejs-patterns.md +929 -0
  332. package/template/.aioson/skills/static/web-research-cache.md +112 -0
  333. package/template/.aioson/tasks/implementation-plan.md +21 -1
  334. package/template/.claude/commands/aioson/agent/design-hybrid-forge.md +5 -0
  335. package/template/.claude/commands/aioson/agent/orache.md +5 -0
  336. package/template/.claude/commands/aioson/agent/sheldon.md +5 -0
  337. package/template/.claude/commands/aioson/agent/site-forge.md +5 -0
  338. package/template/AGENTS.md +75 -1
  339. package/template/CLAUDE.md +31 -0
  340. package/template/OPENCODE.md +4 -0
  341. package/template/researchs/.gitkeep +0 -0
package/docs/design-previews/glassmorphism-ui-website.html ADDED
@@ -0,0 +1,572 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>LUMEX — Fintech Landing Page / Glassmorphism UI Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --violet: #7C3AED;
15
+ --blue: #3B82F6;
16
+ --gradient: linear-gradient(135deg, #7C3AED, #3B82F6);
17
+ --text-head: #1A1A2E;
18
+ --text-body: #2D2D44;
19
+ --text-muted: #6B6B8A;
20
+ --glass-bg: rgba(255,255,255,0.55);
21
+ --glass-bg-strong: rgba(255,255,255,0.70);
22
+ --glass-border: rgba(255,255,255,0.40);
23
+ --shadow: rgba(124, 58, 237, 0.10);
24
+ }
25
+
26
+ html { scroll-behavior: smooth; }
27
+
28
+ body {
29
+ font-family: 'Inter', sans-serif;
30
+ color: var(--text-body);
31
+ background: linear-gradient(135deg, #F0EEF6 0%, #E0DFF0 30%, #D8E0F0 70%, #EDE8F0 100%);
32
+ min-height: 100vh;
33
+ overflow-x: hidden;
34
+ }
35
+
36
+ /* Decorative blobs */
37
+ .blob-container {
38
+ position: fixed;
39
+ inset: 0;
40
+ pointer-events: none;
41
+ z-index: 0;
42
+ overflow: hidden;
43
+ }
44
+ .blob {
45
+ position: absolute;
46
+ border-radius: 50%;
47
+ filter: blur(80px);
48
+ opacity: 0.55;
49
+ }
50
+ .blob-violet {
51
+ width: 600px; height: 600px;
52
+ background: radial-gradient(circle, rgba(124,58,237,0.38), rgba(124,58,237,0.10));
53
+ top: -180px; left: -180px;
54
+ }
55
+ .blob-blue {
56
+ width: 700px; height: 700px;
57
+ background: radial-gradient(circle, rgba(59,130,246,0.32), rgba(59,130,246,0.08));
58
+ bottom: -220px; right: -200px;
59
+ }
60
+ .blob-indigo {
61
+ width: 400px; height: 400px;
62
+ background: radial-gradient(circle, rgba(99,102,241,0.22), transparent);
63
+ top: 50%; left: 55%;
64
+ }
65
+
66
+ /* Layout helpers */
67
+ .container {
68
+ max-width: 1160px;
69
+ margin: 0 auto;
70
+ padding: 0 24px;
71
+ position: relative;
72
+ z-index: 1;
73
+ }
74
+
75
+ /* Glass mixin */
76
+ .glass {
77
+ backdrop-filter: blur(16px);
78
+ -webkit-backdrop-filter: blur(16px);
79
+ background: var(--glass-bg);
80
+ border: 1px solid var(--glass-border);
81
+ border-radius: 20px;
82
+ box-shadow: 0 8px 32px var(--shadow), 0 1px 0 rgba(255,255,255,0.6) inset;
83
+ }
84
+
85
+ /* === NAV === */
86
+ nav {
87
+ position: sticky;
88
+ top: 0;
89
+ z-index: 100;
90
+ backdrop-filter: blur(20px);
91
+ -webkit-backdrop-filter: blur(20px);
92
+ background: rgba(255,255,255,0.70);
93
+ border-bottom: 1px solid rgba(255,255,255,0.40);
94
+ box-shadow: 0 2px 20px rgba(124,58,237,0.07);
95
+ }
96
+ .nav-inner {
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: space-between;
100
+ height: 68px;
101
+ max-width: 1160px;
102
+ margin: 0 auto;
103
+ padding: 0 24px;
104
+ }
105
+ .logo {
106
+ font-size: 1.35rem;
107
+ font-weight: 800;
108
+ background: var(--gradient);
109
+ -webkit-background-clip: text;
110
+ -webkit-text-fill-color: transparent;
111
+ background-clip: text;
112
+ letter-spacing: -0.03em;
113
+ }
114
+ .logo span {
115
+ font-weight: 300;
116
+ opacity: 0.7;
117
+ }
118
+ .nav-links {
119
+ display: flex;
120
+ gap: 36px;
121
+ list-style: none;
122
+ }
123
+ .nav-links a {
124
+ text-decoration: none;
125
+ color: var(--text-body);
126
+ font-size: 0.9rem;
127
+ font-weight: 500;
128
+ transition: color 0.2s;
129
+ }
130
+ .nav-links a:hover { color: var(--violet); }
131
+ .btn-gradient {
132
+ background: var(--gradient);
133
+ color: #fff;
134
+ border: none;
135
+ border-radius: 12px;
136
+ padding: 10px 22px;
137
+ font-size: 0.88rem;
138
+ font-weight: 600;
139
+ cursor: pointer;
140
+ font-family: 'Inter', sans-serif;
141
+ box-shadow: 0 4px 14px rgba(124,58,237,0.30);
142
+ transition: transform 0.15s, box-shadow 0.15s;
143
+ }
144
+ .btn-gradient:hover {
145
+ transform: translateY(-1px);
146
+ box-shadow: 0 6px 20px rgba(124,58,237,0.40);
147
+ }
148
+
149
+ /* === HERO === */
150
+ .hero {
151
+ padding: 100px 0 60px;
152
+ text-align: center;
153
+ position: relative;
154
+ z-index: 1;
155
+ }
156
+ .hero-badge {
157
+ display: inline-flex;
158
+ align-items: center;
159
+ gap: 8px;
160
+ backdrop-filter: blur(12px);
161
+ background: rgba(255,255,255,0.60);
162
+ border: 1px solid rgba(255,255,255,0.50);
163
+ border-radius: 100px;
164
+ padding: 6px 16px;
165
+ font-size: 0.8rem;
166
+ font-weight: 600;
167
+ color: var(--violet);
168
+ margin-bottom: 28px;
169
+ box-shadow: 0 2px 12px var(--shadow);
170
+ }
171
+ .badge-dot {
172
+ width: 6px; height: 6px;
173
+ border-radius: 50%;
174
+ background: var(--gradient);
175
+ }
176
+ .hero h1 {
177
+ font-size: clamp(44px, 6vw, 60px);
178
+ font-weight: 800;
179
+ color: var(--text-head);
180
+ line-height: 1.1;
181
+ letter-spacing: -0.03em;
182
+ margin-bottom: 20px;
183
+ }
184
+ .hero h1 .gradient-text {
185
+ background: var(--gradient);
186
+ -webkit-background-clip: text;
187
+ -webkit-text-fill-color: transparent;
188
+ background-clip: text;
189
+ }
190
+ .hero-sub {
191
+ font-size: 1.15rem;
192
+ color: var(--text-muted);
193
+ max-width: 520px;
194
+ margin: 0 auto 36px;
195
+ line-height: 1.65;
196
+ font-weight: 400;
197
+ }
198
+ .hero-ctas {
199
+ display: flex;
200
+ gap: 14px;
201
+ justify-content: center;
202
+ flex-wrap: wrap;
203
+ margin-bottom: 64px;
204
+ }
205
+ .btn-outline {
206
+ background: rgba(255,255,255,0.55);
207
+ backdrop-filter: blur(10px);
208
+ color: var(--violet);
209
+ border: 1px solid rgba(124,58,237,0.30);
210
+ border-radius: 12px;
211
+ padding: 10px 22px;
212
+ font-size: 0.88rem;
213
+ font-weight: 600;
214
+ cursor: pointer;
215
+ font-family: 'Inter', sans-serif;
216
+ transition: background 0.2s, border-color 0.2s;
217
+ }
218
+ .btn-outline:hover {
219
+ background: rgba(124,58,237,0.08);
220
+ border-color: rgba(124,58,237,0.50);
221
+ }
222
+ .hero-btn-large {
223
+ padding: 14px 32px;
224
+ font-size: 1rem;
225
+ }
226
+
227
+ /* Portfolio card */
228
+ .portfolio-card {
229
+ max-width: 760px;
230
+ margin: 0 auto;
231
+ padding: 32px;
232
+ }
233
+ .portfolio-header {
234
+ display: flex;
235
+ justify-content: space-between;
236
+ align-items: center;
237
+ margin-bottom: 28px;
238
+ }
239
+ .portfolio-title { font-size: 0.8rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; }
240
+ .portfolio-value { font-size: 2rem; font-weight: 800; color: var(--text-head); letter-spacing: -0.03em; }
241
+ .portfolio-change { font-size: 0.85rem; font-weight: 600; color: #10B981; background: rgba(16,185,129,0.12); padding: 4px 10px; border-radius: 8px; }
242
+
243
+ /* Chart bars */
244
+ .chart {
245
+ display: flex;
246
+ align-items: flex-end;
247
+ gap: 6px;
248
+ height: 120px;
249
+ margin-bottom: 16px;
250
+ }
251
+ .bar-wrap {
252
+ flex: 1;
253
+ display: flex;
254
+ flex-direction: column;
255
+ align-items: center;
256
+ gap: 4px;
257
+ height: 100%;
258
+ justify-content: flex-end;
259
+ }
260
+ .bar {
261
+ width: 100%;
262
+ border-radius: 6px 6px 0 0;
263
+ background: var(--gradient);
264
+ opacity: 0.85;
265
+ transition: opacity 0.2s;
266
+ }
267
+ .bar:nth-child(odd) { opacity: 0.45; }
268
+ .chart-label { font-size: 0.65rem; color: var(--text-muted); font-weight: 500; }
269
+ .chart-footer {
270
+ display: flex;
271
+ justify-content: space-between;
272
+ font-size: 0.75rem;
273
+ color: var(--text-muted);
274
+ padding-top: 12px;
275
+ border-top: 1px solid rgba(255,255,255,0.50);
276
+ }
277
+
278
+ /* === STATS === */
279
+ .stats-section {
280
+ padding: 20px 0 80px;
281
+ }
282
+ .stats-row {
283
+ display: grid;
284
+ grid-template-columns: repeat(3, 1fr);
285
+ gap: 20px;
286
+ }
287
+ .stat-card {
288
+ padding: 32px;
289
+ text-align: center;
290
+ }
291
+ .stat-value {
292
+ font-size: 2.2rem;
293
+ font-weight: 800;
294
+ color: var(--text-head);
295
+ letter-spacing: -0.03em;
296
+ margin-bottom: 6px;
297
+ }
298
+ .stat-value .accent { background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
299
+ .stat-label { font-size: 0.85rem; color: var(--text-muted); font-weight: 500; }
300
+
301
+ /* === FEATURES === */
302
+ .features-section {
303
+ padding: 0 0 100px;
304
+ }
305
+ .section-label {
306
+ font-size: 0.78rem;
307
+ font-weight: 700;
308
+ text-transform: uppercase;
309
+ letter-spacing: 0.12em;
310
+ color: var(--violet);
311
+ margin-bottom: 12px;
312
+ }
313
+ .section-title {
314
+ font-size: clamp(28px, 4vw, 40px);
315
+ font-weight: 800;
316
+ color: var(--text-head);
317
+ letter-spacing: -0.025em;
318
+ margin-bottom: 16px;
319
+ line-height: 1.15;
320
+ }
321
+ .section-sub {
322
+ font-size: 1rem;
323
+ color: var(--text-muted);
324
+ max-width: 480px;
325
+ line-height: 1.65;
326
+ margin-bottom: 52px;
327
+ }
328
+ .features-grid {
329
+ display: grid;
330
+ grid-template-columns: repeat(3, 1fr);
331
+ gap: 24px;
332
+ }
333
+ .feature-card {
334
+ padding: 32px 28px;
335
+ }
336
+ .feature-icon {
337
+ font-size: 2rem;
338
+ margin-bottom: 18px;
339
+ display: block;
340
+ width: 56px; height: 56px;
341
+ display: flex; align-items: center; justify-content: center;
342
+ background: rgba(255,255,255,0.70);
343
+ border-radius: 14px;
344
+ border: 1px solid rgba(255,255,255,0.60);
345
+ box-shadow: 0 2px 8px var(--shadow);
346
+ margin-bottom: 20px;
347
+ }
348
+ .feature-title {
349
+ font-size: 1.05rem;
350
+ font-weight: 700;
351
+ color: var(--text-head);
352
+ margin-bottom: 10px;
353
+ }
354
+ .feature-desc {
355
+ font-size: 0.88rem;
356
+ color: var(--text-muted);
357
+ line-height: 1.65;
358
+ }
359
+
360
+ /* === CTA SECTION === */
361
+ .cta-section {
362
+ padding: 0 0 100px;
363
+ }
364
+ .cta-inner {
365
+ padding: 72px 48px;
366
+ text-align: center;
367
+ }
368
+ .cta-inner .section-title {
369
+ max-width: 500px;
370
+ margin: 0 auto 16px;
371
+ }
372
+ .cta-inner .section-title .gradient-text {
373
+ background: var(--gradient);
374
+ -webkit-background-clip: text;
375
+ -webkit-text-fill-color: transparent;
376
+ background-clip: text;
377
+ }
378
+ .cta-sub {
379
+ font-size: 1rem;
380
+ color: var(--text-muted);
381
+ margin-bottom: 36px;
382
+ max-width: 380px;
383
+ margin-left: auto;
384
+ margin-right: auto;
385
+ }
386
+ .btn-cta-large {
387
+ padding: 16px 40px;
388
+ font-size: 1rem;
389
+ }
390
+ .cta-note {
391
+ margin-top: 16px;
392
+ font-size: 0.78rem;
393
+ color: var(--text-muted);
394
+ }
395
+
396
+ /* === FOOTER === */
397
+ footer {
398
+ position: relative;
399
+ z-index: 1;
400
+ }
401
+ .footer-inner {
402
+ backdrop-filter: blur(16px);
403
+ -webkit-backdrop-filter: blur(16px);
404
+ background: rgba(255,255,255,0.50);
405
+ border-top: 1px solid rgba(255,255,255,0.40);
406
+ padding: 36px 24px;
407
+ }
408
+ .footer-content {
409
+ max-width: 1160px;
410
+ margin: 0 auto;
411
+ display: flex;
412
+ justify-content: space-between;
413
+ align-items: center;
414
+ flex-wrap: wrap;
415
+ gap: 16px;
416
+ }
417
+ .footer-logo { font-size: 1.1rem; font-weight: 800; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
418
+ .footer-links { display: flex; gap: 28px; }
419
+ .footer-links a { font-size: 0.82rem; color: var(--text-muted); text-decoration: none; font-weight: 500; }
420
+ .footer-links a:hover { color: var(--violet); }
421
+ .footer-copy { font-size: 0.78rem; color: var(--text-muted); }
422
+
423
+ @media (max-width: 768px) {
424
+ .stats-row, .features-grid { grid-template-columns: 1fr; }
425
+ .nav-links { display: none; }
426
+ }
427
+ </style>
428
+ </head>
429
+ <body>
430
+
431
+ <!-- Background blobs -->
432
+ <div class="blob-container">
433
+ <div class="blob blob-violet"></div>
434
+ <div class="blob blob-blue"></div>
435
+ <div class="blob blob-indigo"></div>
436
+ </div>
437
+
438
+ <!-- NAV -->
439
+ <nav>
440
+ <div class="nav-inner">
441
+ <div class="logo">Lumex<span>Finance</span></div>
442
+ <ul class="nav-links">
443
+ <li><a href="#">Markets</a></li>
444
+ <li><a href="#">Portfolio</a></li>
445
+ <li><a href="#">Earn</a></li>
446
+ </ul>
447
+ <button class="btn-gradient">Get Started</button>
448
+ </div>
449
+ </nav>
450
+
451
+ <!-- HERO -->
452
+ <section class="hero">
453
+ <div class="container">
454
+ <div class="hero-badge">
455
+ <span class="badge-dot"></span>
456
+ Now live on 40+ blockchains
457
+ </div>
458
+ <h1>Your Portfolio,<br /><span class="gradient-text">Crystal Clear</span></h1>
459
+ <p class="hero-sub">Invest, trade, and grow your digital assets with institutional-grade security and a beautifully simple interface.</p>
460
+ <div class="hero-ctas">
461
+ <button class="btn-gradient hero-btn-large">Start Investing Free</button>
462
+ <button class="btn-outline hero-btn-large">View Live Markets</button>
463
+ </div>
464
+
465
+ <!-- Floating portfolio card -->
466
+ <div class="glass portfolio-card">
467
+ <div class="portfolio-header">
468
+ <div>
469
+ <div class="portfolio-title">Total Portfolio Value</div>
470
+ <div class="portfolio-value">$84,291.40</div>
471
+ </div>
472
+ <div class="portfolio-change">▲ +12.4% this month</div>
473
+ </div>
474
+ <div class="chart">
475
+ <div class="bar-wrap"><div class="bar" style="height:40%"></div></div>
476
+ <div class="bar-wrap"><div class="bar" style="height:55%"></div></div>
477
+ <div class="bar-wrap"><div class="bar" style="height:38%"></div></div>
478
+ <div class="bar-wrap"><div class="bar" style="height:70%"></div></div>
479
+ <div class="bar-wrap"><div class="bar" style="height:48%"></div></div>
480
+ <div class="bar-wrap"><div class="bar" style="height:62%"></div></div>
481
+ <div class="bar-wrap"><div class="bar" style="height:52%"></div></div>
482
+ <div class="bar-wrap"><div class="bar" style="height:78%"></div></div>
483
+ <div class="bar-wrap"><div class="bar" style="height:65%"></div></div>
484
+ <div class="bar-wrap"><div class="bar" style="height:88%"></div></div>
485
+ <div class="bar-wrap"><div class="bar" style="height:72%"></div></div>
486
+ <div class="bar-wrap"><div class="bar" style="height:95%"></div></div>
487
+ </div>
488
+ <div class="chart-footer">
489
+ <span>Jan</span><span>Feb</span><span>Mar</span><span>Apr</span><span>May</span><span>Jun</span>
490
+ <span>Jul</span><span>Aug</span><span>Sep</span><span>Oct</span><span>Nov</span><span>Dec</span>
491
+ </div>
492
+ </div>
493
+ </div>
494
+ </section>
495
+
496
+ <!-- STATS -->
497
+ <section class="stats-section">
498
+ <div class="container">
499
+ <div class="stats-row">
500
+ <div class="glass stat-card">
501
+ <div class="stat-value"><span class="accent">$2.4B+</span></div>
502
+ <div class="stat-label">Total Volume Traded</div>
503
+ </div>
504
+ <div class="glass stat-card">
505
+ <div class="stat-value"><span class="accent">180K+</span></div>
506
+ <div class="stat-label">Active Investors</div>
507
+ </div>
508
+ <div class="glass stat-card">
509
+ <div class="stat-value"><span class="accent">99.9%</span></div>
510
+ <div class="stat-label">Platform Uptime</div>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </section>
515
+
516
+ <!-- FEATURES -->
517
+ <section class="features-section">
518
+ <div class="container">
519
+ <div class="section-label">Why Lumex</div>
520
+ <h2 class="section-title">Built for the next generation<br />of investors</h2>
521
+ <p class="section-sub">Everything you need to manage your digital wealth — from real-time data to automated strategies.</p>
522
+ <div class="features-grid">
523
+ <div class="glass feature-card">
524
+ <div class="feature-icon">💎</div>
525
+ <div class="feature-title">Real-Time Analytics</div>
526
+ <p class="feature-desc">Live price feeds across 10,000+ assets. Candlestick charts, depth maps, and volatility signals — all in one view.</p>
527
+ </div>
528
+ <div class="glass feature-card">
529
+ <div class="feature-icon">🔐</div>
530
+ <div class="feature-title">Institutional Security</div>
531
+ <p class="feature-desc">MPC cold storage, biometric auth, and 256-bit encryption keep your assets safer than any bank vault.</p>
532
+ </div>
533
+ <div class="glass feature-card">
534
+ <div class="feature-icon">⚡</div>
535
+ <div class="feature-title">Automated Strategies</div>
536
+ <p class="feature-desc">Set DCA schedules, stop-loss triggers, and portfolio rebalancing. Your wealth works while you sleep.</p>
537
+ </div>
538
+ </div>
539
+ </div>
540
+ </section>
541
+
542
+ <!-- CTA SECTION -->
543
+ <section class="cta-section">
544
+ <div class="container">
545
+ <div class="glass cta-inner">
546
+ <div class="section-label">Get Started Today</div>
547
+ <h2 class="section-title">Ready to see your future<br /><span class="gradient-text">crystal clear?</span></h2>
548
+ <p class="cta-sub">Join 180,000+ investors who trust Lumex with their digital portfolios. No fees for the first 3 months.</p>
549
+ <button class="btn-gradient btn-cta-large">Create Free Account</button>
550
+ <p class="cta-note">No credit card required · Withdraw anytime · SOC 2 certified</p>
551
+ </div>
552
+ </div>
553
+ </section>
554
+
555
+ <!-- FOOTER -->
556
+ <footer>
557
+ <div class="footer-inner">
558
+ <div class="footer-content">
559
+ <div class="footer-logo">Lumex</div>
560
+ <div class="footer-links">
561
+ <a href="#">Privacy</a>
562
+ <a href="#">Terms</a>
563
+ <a href="#">Security</a>
564
+ <a href="#">Status</a>
565
+ </div>
566
+ <div class="footer-copy">© 2025 Lumex Technologies, Inc.</div>
567
+ </div>
568
+ </div>
569
+ </footer>
570
+
571
+ </body>
572
+ </html>