@jaimevalasek/aioson 1.4.0 → 1.6.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 (301) hide show
  1. package/CHANGELOG.md +31 -1
  2. package/LICENSE +661 -21
  3. package/README.md +9 -1
  4. package/docs/design-previews/aurora-command-ui-website.html +884 -0
  5. package/docs/design-previews/aurora-command-ui.html +682 -0
  6. package/docs/design-previews/bold-editorial-ui-website.html +658 -0
  7. package/docs/design-previews/bold-editorial-ui.html +717 -0
  8. package/docs/design-previews/clean-saas-ui-website.html +1202 -0
  9. package/docs/design-previews/clean-saas-ui.html +549 -0
  10. package/docs/design-previews/cognitive-core-ui-website.html +1009 -0
  11. package/docs/design-previews/cognitive-core-ui.html +463 -0
  12. package/docs/design-previews/glassmorphism-ui-website.html +572 -0
  13. package/docs/design-previews/glassmorphism-ui.html +886 -0
  14. package/docs/design-previews/index.html +699 -0
  15. package/docs/design-previews/interface-design-website.html +1187 -0
  16. package/docs/design-previews/interface-design.html +513 -0
  17. package/docs/design-previews/neo-brutalist-ui-website.html +621 -0
  18. package/docs/design-previews/neo-brutalist-ui.html +797 -0
  19. package/docs/design-previews/premium-command-center-ui-website.html +1217 -0
  20. package/docs/design-previews/premium-command-center-ui.html +552 -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/en/squad-dashboard.md +372 -0
  25. package/docs/openclaw-bridge.md +308 -0
  26. package/docs/pt/README.md +7 -0
  27. package/docs/pt/agent-sharding.md +132 -0
  28. package/docs/pt/agentes.md +131 -11
  29. package/docs/pt/busca-de-contexto.md +129 -0
  30. package/docs/pt/cache-de-contexto.md +156 -0
  31. package/docs/pt/cenarios.md +46 -2
  32. package/docs/pt/comandos-cli.md +88 -1
  33. package/docs/pt/design-hybrid-forge.md +107 -0
  34. package/docs/pt/inicio-rapido.md +72 -5
  35. package/docs/pt/inteligencia-adaptativa.md +324 -0
  36. package/docs/pt/monitor-de-contexto.md +104 -0
  37. package/docs/pt/recuperacao-de-sessao.md +125 -0
  38. package/docs/pt/sandbox.md +125 -0
  39. package/docs/pt/skills.md +98 -6
  40. package/docs/pt/squad-dashboard.md +373 -0
  41. package/docs/testing/genome-2.0-matrix.md +5 -5
  42. package/docs/testing/genome-2.0-rollout.md +9 -9
  43. package/package.json +2 -2
  44. package/src/agent-loader.js +280 -0
  45. package/src/backup-local.js +74 -0
  46. package/src/cli.js +192 -0
  47. package/src/commands/agent-loader.js +85 -0
  48. package/src/commands/backup-local-cmd.js +25 -0
  49. package/src/commands/context-cache.js +90 -0
  50. package/src/commands/context-monitor.js +92 -0
  51. package/src/commands/context-search.js +66 -0
  52. package/src/commands/design-hybrid-options.js +385 -0
  53. package/src/commands/health.js +214 -0
  54. package/src/commands/init.js +54 -13
  55. package/src/commands/install.js +52 -13
  56. package/src/commands/learning-evolve.js +355 -0
  57. package/src/commands/live.js +34 -0
  58. package/src/commands/recovery.js +43 -0
  59. package/src/commands/runtime.js +242 -0
  60. package/src/commands/sandbox.js +37 -0
  61. package/src/commands/setup-context.js +29 -4
  62. package/src/commands/setup.js +178 -0
  63. package/src/commands/skill.js +79 -32
  64. package/src/commands/squad-daemon.js +209 -0
  65. package/src/commands/squad-dashboard.js +39 -0
  66. package/src/commands/squad-deploy.js +64 -0
  67. package/src/commands/squad-doctor.js +52 -0
  68. package/src/commands/squad-mcp.js +270 -0
  69. package/src/commands/squad-processes.js +56 -0
  70. package/src/commands/squad-recovery.js +42 -0
  71. package/src/commands/squad-roi.js +291 -0
  72. package/src/commands/squad-score.js +250 -0
  73. package/src/commands/squad-status.js +37 -1
  74. package/src/commands/squad-validate.js +62 -1
  75. package/src/commands/squad-webhook.js +160 -0
  76. package/src/commands/squad-worker.js +191 -0
  77. package/src/commands/squad-worktrees.js +75 -0
  78. package/src/commands/tool-registry-cmd.js +232 -0
  79. package/src/commands/update.js +7 -0
  80. package/src/commands/web-map.js +70 -0
  81. package/src/commands/web-scrape.js +71 -0
  82. package/src/constants.js +17 -0
  83. package/src/context-cache.js +159 -0
  84. package/src/context-search.js +326 -0
  85. package/src/context-writer.js +45 -1
  86. package/src/design-variation-catalog.js +503 -0
  87. package/src/i18n/messages/en.js +159 -3
  88. package/src/i18n/messages/es.js +147 -2
  89. package/src/i18n/messages/fr.js +147 -2
  90. package/src/i18n/messages/pt-BR.js +158 -3
  91. package/src/install-animation.js +260 -0
  92. package/src/install-profile.js +143 -0
  93. package/src/install-wizard.js +474 -0
  94. package/src/installer.js +38 -10
  95. package/src/lib/webhook-server.js +328 -0
  96. package/src/mcp-connectors/registry.js +602 -0
  97. package/src/parser.js +7 -1
  98. package/src/recovery-context-session.js +154 -0
  99. package/src/runtime-store.js +355 -2
  100. package/src/sandbox.js +177 -0
  101. package/src/squad/external-session.js +180 -0
  102. package/src/squad/inter-squad.js +74 -0
  103. package/src/squad/recovery-context.js +201 -0
  104. package/src/squad/worktree-manager.js +114 -0
  105. package/src/squad-daemon.js +490 -0
  106. package/src/squad-dashboard/api.js +223 -0
  107. package/src/squad-dashboard/attachment-handler.js +93 -0
  108. package/src/squad-dashboard/context-monitor.js +157 -0
  109. package/src/squad-dashboard/execution-logs.js +115 -0
  110. package/src/squad-dashboard/hunk-review.js +209 -0
  111. package/src/squad-dashboard/metrics.js +133 -0
  112. package/src/squad-dashboard/process-monitor.js +125 -0
  113. package/src/squad-dashboard/renderer.js +858 -0
  114. package/src/squad-dashboard/server.js +232 -0
  115. package/src/squad-dashboard/styles.js +525 -0
  116. package/src/squad-dashboard/token-tracker.js +99 -0
  117. package/src/tool-executor.js +94 -0
  118. package/src/updater.js +11 -3
  119. package/src/web.js +284 -0
  120. package/src/worker-runner.js +339 -0
  121. package/template/.aioson/agents/analyst.md +62 -3
  122. package/template/.aioson/agents/architect.md +42 -0
  123. package/template/.aioson/agents/design-hybrid-forge.md +127 -0
  124. package/template/.aioson/agents/dev.md +223 -11
  125. package/template/.aioson/agents/deyvin.md +65 -0
  126. package/template/.aioson/agents/neo.md +152 -0
  127. package/template/.aioson/agents/orache.md +17 -0
  128. package/template/.aioson/agents/orchestrator.md +26 -0
  129. package/template/.aioson/agents/pm.md +58 -0
  130. package/template/.aioson/agents/product.md +88 -12
  131. package/template/.aioson/agents/qa.md +80 -0
  132. package/template/.aioson/agents/setup.md +128 -22
  133. package/template/.aioson/agents/sheldon.md +704 -0
  134. package/template/.aioson/agents/squad.md +191 -0
  135. package/template/.aioson/agents/tester.md +410 -0
  136. package/template/.aioson/agents/ux-ui.md +12 -0
  137. package/template/.aioson/config.md +21 -0
  138. package/template/.aioson/context/forensics/.gitkeep +0 -0
  139. package/template/.aioson/context/seeds/seed-example.md +27 -0
  140. package/template/.aioson/context/user-profile.md +42 -0
  141. package/template/.aioson/locales/en/agents/analyst.md +8 -0
  142. package/template/.aioson/locales/en/agents/architect.md +8 -0
  143. package/template/.aioson/locales/en/agents/dev.md +66 -7
  144. package/template/.aioson/locales/en/agents/deyvin.md +8 -0
  145. package/template/.aioson/locales/en/agents/neo.md +8 -0
  146. package/template/.aioson/locales/en/agents/orchestrator.md +26 -0
  147. package/template/.aioson/locales/en/agents/qa.md +49 -0
  148. package/template/.aioson/locales/en/agents/setup.md +35 -2
  149. package/template/.aioson/locales/en/agents/sheldon.md +340 -0
  150. package/template/.aioson/locales/en/agents/ux-ui.md +8 -0
  151. package/template/.aioson/locales/es/agents/analyst.md +8 -0
  152. package/template/.aioson/locales/es/agents/architect.md +8 -0
  153. package/template/.aioson/locales/es/agents/dev.md +66 -7
  154. package/template/.aioson/locales/es/agents/deyvin.md +8 -0
  155. package/template/.aioson/locales/es/agents/neo.md +48 -0
  156. package/template/.aioson/locales/es/agents/orchestrator.md +26 -0
  157. package/template/.aioson/locales/es/agents/qa.md +26 -0
  158. package/template/.aioson/locales/es/agents/setup.md +35 -2
  159. package/template/.aioson/locales/es/agents/sheldon.md +192 -0
  160. package/template/.aioson/locales/es/agents/squad.md +63 -0
  161. package/template/.aioson/locales/es/agents/ux-ui.md +8 -0
  162. package/template/.aioson/locales/fr/agents/analyst.md +8 -0
  163. package/template/.aioson/locales/fr/agents/architect.md +8 -0
  164. package/template/.aioson/locales/fr/agents/dev.md +66 -7
  165. package/template/.aioson/locales/fr/agents/deyvin.md +8 -0
  166. package/template/.aioson/locales/fr/agents/neo.md +48 -0
  167. package/template/.aioson/locales/fr/agents/orchestrator.md +26 -0
  168. package/template/.aioson/locales/fr/agents/qa.md +26 -0
  169. package/template/.aioson/locales/fr/agents/setup.md +35 -2
  170. package/template/.aioson/locales/fr/agents/sheldon.md +192 -0
  171. package/template/.aioson/locales/fr/agents/squad.md +63 -0
  172. package/template/.aioson/locales/fr/agents/ux-ui.md +8 -0
  173. package/template/.aioson/locales/pt-BR/agents/analyst.md +19 -0
  174. package/template/.aioson/locales/pt-BR/agents/architect.md +19 -0
  175. package/template/.aioson/locales/pt-BR/agents/dev.md +75 -12
  176. package/template/.aioson/locales/pt-BR/agents/deyvin.md +8 -0
  177. package/template/.aioson/locales/pt-BR/agents/neo.md +147 -0
  178. package/template/.aioson/locales/pt-BR/agents/orchestrator.md +26 -0
  179. package/template/.aioson/locales/pt-BR/agents/product.md +8 -3
  180. package/template/.aioson/locales/pt-BR/agents/qa.md +60 -0
  181. package/template/.aioson/locales/pt-BR/agents/setup.md +35 -2
  182. package/template/.aioson/locales/pt-BR/agents/sheldon.md +192 -0
  183. package/template/.aioson/locales/pt-BR/agents/squad.md +105 -0
  184. package/template/.aioson/locales/pt-BR/agents/ux-ui.md +8 -0
  185. package/template/.aioson/schemas/squad-blueprint.schema.json +21 -0
  186. package/template/.aioson/schemas/squad-manifest.schema.json +178 -1
  187. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -0
  188. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -0
  189. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -0
  190. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -0
  191. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -0
  192. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -0
  193. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -0
  194. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -0
  195. package/template/.aioson/skills/design/bold-editorial-ui/SKILL.md +205 -0
  196. package/template/.aioson/skills/design/bold-editorial-ui/references/art-direction.md +338 -0
  197. package/template/.aioson/skills/design/bold-editorial-ui/references/components.md +977 -0
  198. package/template/.aioson/skills/design/bold-editorial-ui/references/dashboards.md +218 -0
  199. package/template/.aioson/skills/design/bold-editorial-ui/references/design-tokens.md +326 -0
  200. package/template/.aioson/skills/design/bold-editorial-ui/references/motion.md +461 -0
  201. package/template/.aioson/skills/design/bold-editorial-ui/references/patterns.md +293 -0
  202. package/template/.aioson/skills/design/bold-editorial-ui/references/websites.md +352 -0
  203. package/template/.aioson/skills/design/clean-saas-ui/SKILL.md +210 -0
  204. package/template/.aioson/skills/design/clean-saas-ui/references/art-direction.md +319 -0
  205. package/template/.aioson/skills/design/clean-saas-ui/references/components.md +365 -0
  206. package/template/.aioson/skills/design/clean-saas-ui/references/dashboards.md +196 -0
  207. package/template/.aioson/skills/design/clean-saas-ui/references/design-tokens.md +244 -0
  208. package/template/.aioson/skills/design/clean-saas-ui/references/motion.md +235 -0
  209. package/template/.aioson/skills/design/clean-saas-ui/references/patterns.md +215 -0
  210. package/template/.aioson/skills/design/clean-saas-ui/references/websites.md +295 -0
  211. package/template/.aioson/skills/design/cognitive-core-ui/SKILL.md +55 -9
  212. package/template/.aioson/skills/design/cognitive-core-ui/references/art-direction.md +339 -0
  213. package/template/.aioson/skills/design/cognitive-core-ui/references/components.md +1 -1
  214. package/template/.aioson/skills/design/cognitive-core-ui/references/dashboards.md +100 -0
  215. package/template/.aioson/skills/design/cognitive-core-ui/references/design-tokens.md +43 -9
  216. package/template/.aioson/skills/design/cognitive-core-ui/references/motion.md +40 -0
  217. package/template/.aioson/skills/design/cognitive-core-ui/references/patterns.md +1 -1
  218. package/template/.aioson/skills/design/cognitive-core-ui/references/websites.md +99 -12
  219. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -0
  220. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -0
  221. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -0
  222. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -0
  223. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -0
  224. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -0
  225. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -0
  226. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -0
  227. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -0
  228. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -0
  229. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -0
  230. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -0
  231. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -0
  232. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -0
  233. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -0
  234. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -0
  235. package/template/.aioson/skills/design/warm-craft-ui/SKILL.md +209 -0
  236. package/template/.aioson/skills/design/warm-craft-ui/references/art-direction.md +324 -0
  237. package/template/.aioson/skills/design/warm-craft-ui/references/components.md +508 -0
  238. package/template/.aioson/skills/design/warm-craft-ui/references/dashboards.md +223 -0
  239. package/template/.aioson/skills/design/warm-craft-ui/references/design-tokens.md +374 -0
  240. package/template/.aioson/skills/design/warm-craft-ui/references/motion.md +356 -0
  241. package/template/.aioson/skills/design/warm-craft-ui/references/patterns.md +288 -0
  242. package/template/.aioson/skills/design/warm-craft-ui/references/websites.md +289 -0
  243. package/template/.aioson/skills/premium-visual-design/SKILL.md +83 -0
  244. package/template/.aioson/skills/premium-visual-design/components/agent-badge.md +92 -0
  245. package/template/.aioson/skills/premium-visual-design/components/dependency-node.md +102 -0
  246. package/template/.aioson/skills/premium-visual-design/components/mention-autocomplete.md +136 -0
  247. package/template/.aioson/skills/premium-visual-design/components/notification-center.md +136 -0
  248. package/template/.aioson/skills/premium-visual-design/components/review-action-bar.md +188 -0
  249. package/template/.aioson/skills/premium-visual-design/components/team-switcher.md +131 -0
  250. package/template/.aioson/skills/premium-visual-design/patterns/agent-message-thread.md +198 -0
  251. package/template/.aioson/skills/premium-visual-design/patterns/notification-panel.md +275 -0
  252. package/template/.aioson/skills/premium-visual-design/patterns/review-workflow-ui.md +234 -0
  253. package/template/.aioson/skills/premium-visual-design/patterns/task-dependency-graph.md +147 -0
  254. package/template/.aioson/skills/premium-visual-design/tokens/status-extended.md +142 -0
  255. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +45 -0
  256. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -0
  257. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -0
  258. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -0
  259. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -0
  260. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +66 -0
  261. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -0
  262. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +144 -0
  263. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -0
  264. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -0
  265. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +291 -0
  266. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +117 -0
  267. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +188 -0
  268. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -0
  269. package/template/.aioson/skills/squad/formats/catalog.json +15 -0
  270. package/template/.aioson/skills/squad/formats/content/blog-post.md +47 -0
  271. package/template/.aioson/skills/squad/formats/content/newsletter.md +47 -0
  272. package/template/.aioson/skills/squad/formats/creative/podcast-script.md +43 -0
  273. package/template/.aioson/skills/squad/formats/creative/video-script.md +41 -0
  274. package/template/.aioson/skills/squad/formats/social/instagram-feed.md +42 -0
  275. package/template/.aioson/skills/squad/formats/social/linkedin-post.md +42 -0
  276. package/template/.aioson/skills/squad/formats/social/tiktok.md +39 -0
  277. package/template/.aioson/skills/squad/formats/social/twitter-thread.md +39 -0
  278. package/template/.aioson/skills/squad/formats/social/youtube-long.md +47 -0
  279. package/template/.aioson/skills/squad/formats/social/youtube-shorts.md +39 -0
  280. package/template/.aioson/skills/squad/patterns/multi-platform-pattern.md +108 -0
  281. package/template/.aioson/skills/squad/patterns/persona-based-pattern.md +98 -0
  282. package/template/.aioson/skills/squad/patterns/pipeline-pattern.md +106 -0
  283. package/template/.aioson/skills/squad/patterns/review-loop-pattern.md +81 -0
  284. package/template/.aioson/skills/squad/references/checklist-templates.md +122 -0
  285. package/template/.aioson/skills/squad/references/executor-archetypes.md +123 -0
  286. package/template/.aioson/skills/squad/references/workflow-templates.md +169 -0
  287. package/template/.aioson/skills/static/debugging-protocol.md +42 -0
  288. package/template/.aioson/skills/static/git-worktrees.md +36 -0
  289. package/template/.aioson/tasks/implementation-plan.md +19 -0
  290. package/template/.aioson/tasks/squad-design.md +28 -0
  291. package/template/.aioson/tasks/squad-profile.md +48 -0
  292. package/template/.aioson/tasks/squad-review.md +61 -0
  293. package/template/.aioson/tasks/squad-task-decompose.md +66 -0
  294. package/template/.claude/commands/aioson/agent/neo.md +5 -0
  295. package/template/.claude/commands/aioson/agent/tester.md +5 -0
  296. package/template/.gemini/GEMINI.md +1 -0
  297. package/template/.gemini/commands/aios-neo.toml +4 -0
  298. package/template/.gemini/commands/aios-tester.toml +6 -0
  299. package/template/AGENTS.md +26 -1
  300. package/template/CLAUDE.md +6 -2
  301. package/template/OPENCODE.md +2 -0
package/docs/design-previews/bold-editorial-ui-website.html ADDED
@@ -0,0 +1,658 @@
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>FORGE — Infrastructure Landing / Bold Editorial 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&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet" />
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --void: #050505;
15
+ --dark: #0A0A0A;
16
+ --surface: #141414;
17
+ --surface-2: #1C1C1C;
18
+ --border: rgba(255,255,255,0.08);
19
+ --border-mid: rgba(255,255,255,0.12);
20
+ --red: #FF4D2A;
21
+ --red-glow: rgba(255,77,42,0.15);
22
+ --red-glow-strong: rgba(255,77,42,0.25);
23
+ --white: #FFFFFF;
24
+ --body: #B8B8B8;
25
+ --muted: #787878;
26
+ --dim: #4A4A4A;
27
+ }
28
+
29
+ /* Display font stack — Clash Display via system fallback + Impact for the editorial punch */
30
+ @font-face {
31
+ font-family: 'Display';
32
+ src: local('Impact'), local('Haettenschweiler'), local('Arial Narrow'), local('Arial Black');
33
+ }
34
+
35
+ html { scroll-behavior: smooth; }
36
+
37
+ body {
38
+ font-family: 'Inter', sans-serif;
39
+ background: var(--dark);
40
+ color: var(--body);
41
+ overflow-x: hidden;
42
+ }
43
+
44
+ .container {
45
+ max-width: 1160px;
46
+ margin: 0 auto;
47
+ padding: 0 28px;
48
+ }
49
+
50
+ /* Mono overline style */
51
+ .overline {
52
+ font-family: 'JetBrains Mono', monospace;
53
+ font-size: 0.72rem;
54
+ font-weight: 600;
55
+ text-transform: uppercase;
56
+ letter-spacing: 0.12em;
57
+ color: var(--muted);
58
+ }
59
+ .overline-accent { color: var(--red); }
60
+
61
+ /* === NAV === */
62
+ nav {
63
+ position: sticky;
64
+ top: 0;
65
+ z-index: 100;
66
+ background: rgba(5,5,5,0.90);
67
+ backdrop-filter: blur(10px);
68
+ -webkit-backdrop-filter: blur(10px);
69
+ border-bottom: 1px solid var(--border);
70
+ }
71
+ .nav-inner {
72
+ display: flex;
73
+ align-items: center;
74
+ justify-content: space-between;
75
+ height: 60px;
76
+ max-width: 1160px;
77
+ margin: 0 auto;
78
+ padding: 0 28px;
79
+ }
80
+ .logo {
81
+ font-family: Impact, 'Arial Black', sans-serif;
82
+ font-size: 1.4rem;
83
+ font-weight: 700;
84
+ color: var(--white);
85
+ letter-spacing: -0.02em;
86
+ }
87
+ .logo-accent { color: var(--red); }
88
+ .nav-links {
89
+ display: flex;
90
+ gap: 36px;
91
+ list-style: none;
92
+ }
93
+ .nav-links a {
94
+ font-family: 'JetBrains Mono', monospace;
95
+ text-decoration: none;
96
+ color: var(--muted);
97
+ font-size: 0.75rem;
98
+ font-weight: 500;
99
+ text-transform: uppercase;
100
+ letter-spacing: 0.08em;
101
+ transition: color 0.2s;
102
+ }
103
+ .nav-links a:hover { color: var(--white); }
104
+ .btn-red {
105
+ background: var(--red);
106
+ color: var(--white);
107
+ border: none;
108
+ border-radius: 6px;
109
+ padding: 9px 20px;
110
+ font-size: 0.82rem;
111
+ font-weight: 600;
112
+ cursor: pointer;
113
+ font-family: 'Inter', sans-serif;
114
+ letter-spacing: 0.01em;
115
+ transition: opacity 0.15s, transform 0.15s;
116
+ }
117
+ .btn-red:hover {
118
+ opacity: 0.88;
119
+ transform: translateY(-1px);
120
+ }
121
+ .btn-ghost-white {
122
+ background: transparent;
123
+ color: var(--white);
124
+ border: 1px solid var(--border-mid);
125
+ border-radius: 6px;
126
+ padding: 9px 20px;
127
+ font-size: 0.82rem;
128
+ font-weight: 500;
129
+ cursor: pointer;
130
+ font-family: 'Inter', sans-serif;
131
+ transition: border-color 0.2s, background 0.2s;
132
+ }
133
+ .btn-ghost-white:hover {
134
+ border-color: rgba(255,255,255,0.25);
135
+ background: rgba(255,255,255,0.04);
136
+ }
137
+
138
+ /* === HERO === */
139
+ .hero {
140
+ padding: 96px 0 80px;
141
+ border-bottom: 1px solid var(--border);
142
+ text-align: center;
143
+ }
144
+ .hero-overline {
145
+ margin-bottom: 28px;
146
+ }
147
+ .hero h1 {
148
+ font-family: Impact, 'Arial Black', 'Haettenschweiler', sans-serif;
149
+ font-size: clamp(64px, 9vw, 100px);
150
+ font-weight: 700;
151
+ line-height: 0.92;
152
+ letter-spacing: -0.04em;
153
+ color: var(--white);
154
+ margin: 0 auto 28px;
155
+ max-width: 860px;
156
+ text-transform: uppercase;
157
+ }
158
+ .hero h1 .red-word { color: var(--red); }
159
+ .hero-sub {
160
+ font-size: 1.05rem;
161
+ color: var(--body);
162
+ max-width: 520px;
163
+ line-height: 1.65;
164
+ margin: 0 auto 36px;
165
+ font-weight: 300;
166
+ }
167
+ .hero-ctas {
168
+ display: flex;
169
+ gap: 12px;
170
+ flex-wrap: wrap;
171
+ margin-bottom: 60px;
172
+ justify-content: center;
173
+ }
174
+ .hero-ctas .btn-red { padding: 13px 28px; font-size: 0.9rem; font-weight: 700; }
175
+ .hero-ctas .btn-ghost-white { padding: 13px 28px; font-size: 0.9rem; }
176
+
177
+ /* Code window */
178
+ .code-window {
179
+ max-width: 700px;
180
+ margin: 0 auto;
181
+ border: 1px solid var(--border-mid);
182
+ border-radius: 8px;
183
+ background: var(--surface);
184
+ box-shadow: 0 0 60px var(--red-glow), 0 8px 24px rgba(0,0,0,0.35);
185
+ overflow: hidden;
186
+ }
187
+ .code-titlebar {
188
+ display: flex;
189
+ align-items: center;
190
+ gap: 8px;
191
+ padding: 12px 16px;
192
+ border-bottom: 1px solid var(--border);
193
+ background: var(--surface-2);
194
+ }
195
+ .cb-dot { width: 11px; height: 11px; border-radius: 50%; }
196
+ .cb-dot.r { background: #FF5F57; }
197
+ .cb-dot.y { background: #FFBD2E; }
198
+ .cb-dot.g { background: #28C840; }
199
+ .cb-filename {
200
+ font-family: 'JetBrains Mono', monospace;
201
+ font-size: 0.7rem;
202
+ color: var(--muted);
203
+ margin-left: 6px;
204
+ text-transform: uppercase;
205
+ letter-spacing: 0.08em;
206
+ }
207
+ .cb-badge {
208
+ margin-left: auto;
209
+ font-family: 'JetBrains Mono', monospace;
210
+ font-size: 0.65rem;
211
+ padding: 2px 8px;
212
+ border: 1px solid rgba(255,77,42,0.30);
213
+ border-radius: 4px;
214
+ color: var(--red);
215
+ text-transform: uppercase;
216
+ letter-spacing: 0.06em;
217
+ }
218
+ .code-body {
219
+ padding: 20px 22px;
220
+ font-family: 'JetBrains Mono', monospace;
221
+ font-size: 0.8rem;
222
+ line-height: 1.9;
223
+ }
224
+ .c-dim { color: var(--dim); }
225
+ .c-muted { color: var(--muted); }
226
+ .c-white { color: var(--white); }
227
+ .c-red { color: var(--red); }
228
+ .c-green { color: #4ADE80; }
229
+ .c-blue { color: #60A5FA; }
230
+ .c-yellow { color: #FCD34D; }
231
+ .c-purple { color: #A78BFA; }
232
+ .c-orange { color: #FB923C; }
233
+
234
+ /* === STATS ROW === */
235
+ .stats-row {
236
+ border-top: 1px solid var(--border);
237
+ border-bottom: 1px solid var(--border);
238
+ background: var(--void);
239
+ }
240
+ .stats-inner {
241
+ max-width: 1160px;
242
+ margin: 0 auto;
243
+ padding: 0 28px;
244
+ display: grid;
245
+ grid-template-columns: repeat(3, 1fr);
246
+ }
247
+ .stat-item {
248
+ padding: 48px 32px;
249
+ border-right: 1px solid var(--border);
250
+ text-align: center;
251
+ }
252
+ .stat-item:last-child { border-right: none; }
253
+ .stat-num {
254
+ font-family: Impact, 'Arial Black', sans-serif;
255
+ font-size: 3.2rem;
256
+ font-weight: 700;
257
+ color: var(--white);
258
+ letter-spacing: -0.04em;
259
+ line-height: 1;
260
+ margin-bottom: 8px;
261
+ display: block;
262
+ }
263
+ .stat-num .red { color: var(--red); }
264
+ .stat-label {
265
+ font-family: 'JetBrains Mono', monospace;
266
+ font-size: 0.7rem;
267
+ text-transform: uppercase;
268
+ letter-spacing: 0.12em;
269
+ color: var(--muted);
270
+ }
271
+
272
+ /* === WHITE SECTION === */
273
+ .white-section {
274
+ background: #FAFAF7;
275
+ padding: 100px 0;
276
+ }
277
+ .white-section .overline { color: #999; }
278
+ .white-section .overline-accent { color: var(--red); }
279
+ .white-section-title {
280
+ font-family: Impact, 'Arial Black', sans-serif;
281
+ font-size: clamp(36px, 5vw, 54px);
282
+ font-weight: 700;
283
+ color: #111;
284
+ letter-spacing: -0.04em;
285
+ line-height: 1.0;
286
+ margin-bottom: 56px;
287
+ text-transform: uppercase;
288
+ text-align: center;
289
+ }
290
+ .ws-features {
291
+ display: grid;
292
+ grid-template-columns: repeat(3, 1fr);
293
+ gap: 40px;
294
+ border-top: 2px solid #111;
295
+ padding-top: 40px;
296
+ }
297
+ .ws-feature {
298
+ padding-top: 8px;
299
+ }
300
+ .ws-feature-label {
301
+ font-family: 'JetBrains Mono', monospace;
302
+ font-size: 0.68rem;
303
+ text-transform: uppercase;
304
+ letter-spacing: 0.12em;
305
+ color: var(--red);
306
+ margin-bottom: 12px;
307
+ }
308
+ .ws-feature-title {
309
+ font-size: 1.1rem;
310
+ font-weight: 600;
311
+ color: #111;
312
+ margin-bottom: 10px;
313
+ letter-spacing: -0.02em;
314
+ }
315
+ .ws-feature-desc {
316
+ font-size: 0.88rem;
317
+ color: #555;
318
+ line-height: 1.70;
319
+ }
320
+
321
+ /* === TESTIMONIAL === */
322
+ .testimonial-section {
323
+ padding: 100px 0;
324
+ border-top: 1px solid var(--border);
325
+ border-bottom: 1px solid var(--border);
326
+ }
327
+ .testimonial-inner {
328
+ max-width: 860px;
329
+ margin: 0 auto;
330
+ }
331
+ .pull-quote {
332
+ font-family: Impact, 'Arial Black', sans-serif;
333
+ font-size: clamp(28px, 4vw, 44px);
334
+ font-weight: 700;
335
+ color: var(--white);
336
+ letter-spacing: -0.03em;
337
+ line-height: 1.1;
338
+ text-transform: uppercase;
339
+ margin-bottom: 32px;
340
+ }
341
+ .pull-quote .red { color: var(--red); }
342
+ .quote-author {
343
+ display: flex;
344
+ align-items: center;
345
+ gap: 16px;
346
+ }
347
+ .qa-avatar {
348
+ width: 44px; height: 44px;
349
+ border-radius: 8px;
350
+ background: var(--surface-2);
351
+ border: 1px solid var(--border-mid);
352
+ display: flex; align-items: center; justify-content: center;
353
+ font-family: 'JetBrains Mono', monospace;
354
+ font-size: 0.78rem;
355
+ font-weight: 600;
356
+ color: var(--white);
357
+ }
358
+ .qa-name {
359
+ font-size: 0.88rem;
360
+ font-weight: 600;
361
+ color: var(--white);
362
+ margin-bottom: 3px;
363
+ }
364
+ .qa-role {
365
+ font-family: 'JetBrains Mono', monospace;
366
+ font-size: 0.68rem;
367
+ text-transform: uppercase;
368
+ letter-spacing: 0.08em;
369
+ color: var(--muted);
370
+ }
371
+ .qa-company {
372
+ margin-left: 40px;
373
+ display: flex;
374
+ flex-direction: column;
375
+ gap: 2px;
376
+ }
377
+ .company-name {
378
+ font-family: 'JetBrains Mono', monospace;
379
+ font-size: 0.72rem;
380
+ text-transform: uppercase;
381
+ letter-spacing: 0.1em;
382
+ color: var(--dim);
383
+ }
384
+
385
+ /* === CTA SECTION === */
386
+ .cta-section {
387
+ padding: 120px 0;
388
+ text-align: center;
389
+ border-bottom: 1px solid var(--border);
390
+ position: relative;
391
+ overflow: hidden;
392
+ }
393
+ .cta-section::before {
394
+ content: '';
395
+ position: absolute;
396
+ bottom: -100px;
397
+ left: 50%;
398
+ transform: translateX(-50%);
399
+ width: 600px;
400
+ height: 300px;
401
+ background: radial-gradient(ellipse, var(--red-glow) 0%, transparent 70%);
402
+ pointer-events: none;
403
+ }
404
+ .cta-headline {
405
+ font-family: Impact, 'Arial Black', sans-serif;
406
+ font-size: clamp(52px, 8vw, 88px);
407
+ font-weight: 700;
408
+ color: var(--white);
409
+ letter-spacing: -0.04em;
410
+ line-height: 0.95;
411
+ text-transform: uppercase;
412
+ margin-bottom: 16px;
413
+ }
414
+ .cta-headline .red { color: var(--red); }
415
+ .cta-sub {
416
+ font-size: 1rem;
417
+ color: var(--muted);
418
+ margin-bottom: 40px;
419
+ font-weight: 300;
420
+ }
421
+ .btn-red-glow {
422
+ background: var(--red);
423
+ color: var(--white);
424
+ border: none;
425
+ border-radius: 6px;
426
+ padding: 16px 40px;
427
+ font-size: 1rem;
428
+ font-weight: 700;
429
+ cursor: pointer;
430
+ font-family: 'Inter', sans-serif;
431
+ box-shadow: 0 0 40px var(--red-glow-strong), 0 4px 16px rgba(255,77,42,0.35);
432
+ transition: box-shadow 0.2s, transform 0.15s;
433
+ position: relative;
434
+ z-index: 1;
435
+ }
436
+ .btn-red-glow:hover {
437
+ box-shadow: 0 0 60px rgba(255,77,42,0.35), 0 8px 24px rgba(255,77,42,0.40);
438
+ transform: translateY(-2px);
439
+ }
440
+
441
+ /* === FOOTER === */
442
+ footer {
443
+ background: var(--void);
444
+ padding: 48px 0;
445
+ }
446
+ .footer-inner {
447
+ max-width: 1160px;
448
+ margin: 0 auto;
449
+ padding: 0 28px;
450
+ display: flex;
451
+ justify-content: space-between;
452
+ align-items: center;
453
+ flex-wrap: wrap;
454
+ gap: 24px;
455
+ }
456
+ .footer-logo {
457
+ font-family: Impact, 'Arial Black', sans-serif;
458
+ font-size: 1.2rem;
459
+ color: var(--white);
460
+ letter-spacing: -0.02em;
461
+ }
462
+ .footer-logo .red { color: var(--red); }
463
+ .footer-links {
464
+ display: flex;
465
+ gap: 28px;
466
+ flex-wrap: wrap;
467
+ }
468
+ .footer-links a {
469
+ font-family: 'JetBrains Mono', monospace;
470
+ font-size: 0.68rem;
471
+ text-transform: uppercase;
472
+ letter-spacing: 0.1em;
473
+ color: var(--dim);
474
+ text-decoration: none;
475
+ transition: color 0.2s;
476
+ }
477
+ .footer-links a:hover { color: var(--muted); }
478
+ .footer-copy {
479
+ font-family: 'JetBrains Mono', monospace;
480
+ font-size: 0.65rem;
481
+ text-transform: uppercase;
482
+ letter-spacing: 0.08em;
483
+ color: var(--dim);
484
+ }
485
+
486
+ /* Intentional grid break */
487
+ .grid-break {
488
+ display: grid;
489
+ grid-template-columns: 1.4fr 1fr;
490
+ gap: 0;
491
+ border-top: 1px solid var(--border);
492
+ }
493
+ .grid-break-main { padding: 48px 28px 48px 0; border-right: 1px solid var(--border); }
494
+ .grid-break-aside { padding: 48px 0 48px 48px; }
495
+
496
+ @media (max-width: 768px) {
497
+ .stats-inner, .ws-features { grid-template-columns: 1fr; }
498
+ .stat-item { border-right: none; border-bottom: 1px solid var(--border); }
499
+ .stat-item:last-child { border-bottom: none; }
500
+ .nav-links { display: none; }
501
+ .grid-break { grid-template-columns: 1fr; }
502
+ .grid-break-main { border-right: none; border-bottom: 1px solid var(--border); padding-right: 0; }
503
+ .grid-break-aside { padding-left: 0; padding-top: 32px; }
504
+ }
505
+ </style>
506
+ </head>
507
+ <body>
508
+
509
+ <!-- NAV -->
510
+ <nav>
511
+ <div class="nav-inner">
512
+ <div class="logo">FORGE<span class="logo-accent">.</span></div>
513
+ <ul class="nav-links">
514
+ <li><a href="#">Platform</a></li>
515
+ <li><a href="#">Pricing</a></li>
516
+ <li><a href="#">Docs</a></li>
517
+ <li><a href="#">Blog</a></li>
518
+ </ul>
519
+ <button class="btn-red">Deploy Now →</button>
520
+ </div>
521
+ </nav>
522
+
523
+ <!-- HERO -->
524
+ <section class="hero">
525
+ <div class="container">
526
+ <div class="overline hero-overline">
527
+ <span class="overline-accent">Infrastructure Platform</span>
528
+ <span> / V3 — Now Generally Available</span>
529
+ </div>
530
+ <h1>EDGE.<br /><span class="red-word">FAST.</span><br />ALWAYS.</h1>
531
+ <p class="hero-sub">Forge is the compute layer the internet runs on. Deploy globally in under 30 seconds. Serve millions without thinking about infrastructure.</p>
532
+ <div class="hero-ctas">
533
+ <button class="btn-red">Start building free</button>
534
+ <button class="btn-ghost-white">Read the docs</button>
535
+ </div>
536
+
537
+ <!-- Code window -->
538
+ <div class="code-window">
539
+ <div class="code-titlebar">
540
+ <div class="cb-dot r"></div>
541
+ <div class="cb-dot y"></div>
542
+ <div class="cb-dot g"></div>
543
+ <div class="cb-filename">forge.config.ts</div>
544
+ <div class="cb-badge">Live · 47 regions</div>
545
+ </div>
546
+ <div class="code-body">
547
+ <span class="c-muted">// Deploy to 47 edge regions in one push</span><br />
548
+ <span class="c-purple">import</span> <span class="c-white">{ forge }</span> <span class="c-purple">from</span> <span class="c-yellow">'@forge/edge'</span><br />
549
+ <br />
550
+ <span class="c-purple">export default</span> <span class="c-blue">forge</span><span class="c-white">.config({</span><br />
551
+ &nbsp;&nbsp;<span class="c-white">regions:</span> <span class="c-yellow">'all'</span><span class="c-white">,</span><br />
552
+ &nbsp;&nbsp;<span class="c-white">runtime:</span> <span class="c-yellow">'edge-v8'</span><span class="c-white">,</span><br />
553
+ &nbsp;&nbsp;<span class="c-white">cache:</span> <span class="c-white">{</span> <span class="c-white">ttl:</span> <span class="c-orange">3600</span><span class="c-white">,</span> <span class="c-white">stale:</span> <span class="c-green">true</span> <span class="c-white">},</span><br />
554
+ &nbsp;&nbsp;<span class="c-white">observability:</span> <span class="c-green">true</span><br />
555
+ <span class="c-white">})</span><br />
556
+ <br />
557
+ <span class="c-dim">$ forge deploy --prod</span><br />
558
+ <span class="c-green">✓ Built in 2.1s · Deployed to 47 regions · 100ms p99</span>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ </section>
563
+
564
+ <!-- STATS ROW -->
565
+ <div class="stats-row">
566
+ <div class="stats-inner">
567
+ <div class="stat-item">
568
+ <span class="stat-num">10<span class="red">M+</span></span>
569
+ <span class="stat-label">Requests / second</span>
570
+ </div>
571
+ <div class="stat-item">
572
+ <span class="stat-num">&lt;<span class="red">12</span>ms</span>
573
+ <span class="stat-label">P99 latency globally</span>
574
+ </div>
575
+ <div class="stat-item">
576
+ <span class="stat-num">99.<span class="red">99</span>%</span>
577
+ <span class="stat-label">Uptime SLA</span>
578
+ </div>
579
+ </div>
580
+ </div>
581
+
582
+ <!-- WHITE SECTION — cinematic cut -->
583
+ <section class="white-section">
584
+ <div class="container">
585
+ <div class="overline" style="margin-bottom: 16px;">
586
+ <span class="overline-accent">Platform capabilities</span>
587
+ </div>
588
+ <div class="white-section-title">The full stack.<br />Zero ops.</div>
589
+ <div class="ws-features">
590
+ <div class="ws-feature">
591
+ <div class="ws-feature-label">Compute / Runtime</div>
592
+ <div class="ws-feature-title">Edge Workers</div>
593
+ <p class="ws-feature-desc">V8 isolates that start in under 1ms. No cold starts. No containers. Your code, running 50ms from every user on earth.</p>
594
+ </div>
595
+ <div class="ws-feature">
596
+ <div class="ws-feature-label">Storage / Data</div>
597
+ <div class="ws-feature-title">Global KV + R2</div>
598
+ <p class="ws-feature-desc">Distributed key-value storage replicated across all 47 regions. Read anywhere, write once, consistent everywhere.</p>
599
+ </div>
600
+ <div class="ws-feature">
601
+ <div class="ws-feature-label">Delivery / CDN</div>
602
+ <div class="ws-feature-title">Smart CDN</div>
603
+ <p class="ws-feature-desc">Automatic cache warming, real-time purge, stale-while-revalidate, and cache analytics — all included, no configuration.</p>
604
+ </div>
605
+ </div>
606
+ </div>
607
+ </section>
608
+
609
+ <!-- TESTIMONIAL -->
610
+ <section class="testimonial-section">
611
+ <div class="container">
612
+ <div class="testimonial-inner">
613
+ <div class="overline" style="margin-bottom: 20px;">
614
+ <span class="overline-accent">// field report</span>
615
+ </div>
616
+ <div class="pull-quote">"Forge cut our<br />global P99 from<br /><span class="red">800ms to 11ms.</span><br />That's the product."</div>
617
+ <div class="quote-author">
618
+ <div class="qa-avatar">JP</div>
619
+ <div>
620
+ <div class="qa-name">James Park</div>
621
+ <div class="qa-role">CTO · Meridian Systems</div>
622
+ </div>
623
+ <div class="qa-company">
624
+ <div class="company-name">Meridian Systems</div>
625
+ <div class="overline">Series B · 40M req/day</div>
626
+ </div>
627
+ </div>
628
+ </div>
629
+ </div>
630
+ </section>
631
+
632
+ <!-- CTA SECTION -->
633
+ <section class="cta-section">
634
+ <div class="container">
635
+ <div class="cta-headline">READY TO<br /><span class="red">BUILD?</span></div>
636
+ <p class="cta-sub">First 100,000 requests free every day. No credit card required.</p>
637
+ <button class="btn-red-glow">Deploy your first app →</button>
638
+ </div>
639
+ </section>
640
+
641
+ <!-- FOOTER -->
642
+ <footer>
643
+ <div class="footer-inner">
644
+ <div class="footer-logo">FORGE<span class="red">.</span></div>
645
+ <div class="footer-links">
646
+ <a href="#">platform</a>
647
+ <a href="#">docs</a>
648
+ <a href="#">pricing</a>
649
+ <a href="#">status</a>
650
+ <a href="#">privacy</a>
651
+ <a href="#">terms</a>
652
+ </div>
653
+ <div class="footer-copy">© 2025 Forge Technologies, Inc.</div>
654
+ </div>
655
+ </footer>
656
+
657
+ </body>
658
+ </html>