@jaimevalasek/aioson 1.8.0 → 1.9.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 (967) hide show
  1. package/CHANGELOG.md +595 -595
  2. package/CODE_OF_CONDUCT.md +12 -12
  3. package/CONTRIBUTING.md +13 -13
  4. package/LICENSE +661 -661
  5. package/README.md +919 -919
  6. package/bin/aioson.js +4 -4
  7. package/docs/design-previews/aurora-command-ui-website.html +884 -884
  8. package/docs/design-previews/aurora-command-ui.html +682 -682
  9. package/docs/design-previews/bold-editorial-ui-website.html +658 -658
  10. package/docs/design-previews/bold-editorial-ui.html +717 -717
  11. package/docs/design-previews/clean-saas-ui-website.html +1202 -1202
  12. package/docs/design-previews/clean-saas-ui.html +549 -549
  13. package/docs/design-previews/cognitive-core-ui-website.html +1009 -1009
  14. package/docs/design-previews/cognitive-core-ui.html +463 -463
  15. package/docs/design-previews/glassmorphism-ui-website.html +572 -572
  16. package/docs/design-previews/glassmorphism-ui.html +886 -886
  17. package/docs/design-previews/index.html +699 -699
  18. package/docs/design-previews/interface-design-website.html +1187 -1187
  19. package/docs/design-previews/interface-design.html +513 -513
  20. package/docs/design-previews/neo-brutalist-ui-website.html +621 -621
  21. package/docs/design-previews/neo-brutalist-ui.html +797 -797
  22. package/docs/design-previews/premium-command-center-ui-website.html +1217 -1217
  23. package/docs/design-previews/premium-command-center-ui.html +552 -552
  24. package/docs/design-previews/pt.squarespace.com-homepage.html +889 -889
  25. package/docs/design-previews/warm-craft-ui-website.html +684 -684
  26. package/docs/design-previews/warm-craft-ui.html +739 -739
  27. package/docs/en/1-understand/ecosystem-map.md +228 -0
  28. package/docs/en/1-understand/glossary.md +288 -0
  29. package/docs/en/1-understand/what-is-aioson.md +94 -0
  30. package/docs/en/1-understand/why-it-exists.md +106 -0
  31. package/docs/en/2-start/existing-project.md +246 -0
  32. package/docs/en/2-start/first-project.md +307 -0
  33. package/docs/en/2-start/initial-decisions.md +223 -0
  34. package/docs/en/3-recipes/README.md +28 -0
  35. package/docs/en/3-recipes/continuity-between-sessions.md +303 -0
  36. package/docs/en/3-recipes/from-idea-to-prd-via-briefing.md +235 -0
  37. package/docs/en/3-recipes/full-feature-with-sheldon.md +338 -0
  38. package/docs/en/4-agents/README.md +56 -0
  39. package/docs/en/5-reference/README.md +60 -0
  40. package/docs/en/{cli-reference.md → 5-reference/cli-reference.md} +639 -464
  41. package/docs/en/{i18n.md → 5-reference/i18n.md} +52 -52
  42. package/docs/en/{json-schemas.md → 5-reference/json-schemas.md} +41 -41
  43. package/docs/en/{mcp.md → 5-reference/mcp.md} +56 -56
  44. package/docs/en/{parallel.md → 5-reference/parallel.md} +82 -82
  45. package/docs/en/{qa-browser.md → 5-reference/qa-browser.md} +339 -339
  46. package/docs/en/{release-flow.md → 5-reference/release-flow.md} +22 -22
  47. package/docs/en/{release-notes-template.md → 5-reference/release-notes-template.md} +41 -41
  48. package/docs/en/{release.md → 5-reference/release.md} +28 -28
  49. package/docs/en/{schemas → 5-reference/schemas}/agent-prompt.schema.json +17 -17
  50. package/docs/en/{schemas → 5-reference/schemas}/agents.schema.json +32 -32
  51. package/docs/en/{schemas → 5-reference/schemas}/context-validate.schema.json +36 -36
  52. package/docs/en/{schemas → 5-reference/schemas}/doctor.schema.json +89 -89
  53. package/docs/en/{schemas → 5-reference/schemas}/error.schema.json +24 -24
  54. package/docs/en/{schemas → 5-reference/schemas}/i18n-add.schema.json +15 -15
  55. package/docs/en/{schemas → 5-reference/schemas}/index.json +126 -126
  56. package/docs/en/{schemas → 5-reference/schemas}/info.schema.json +39 -39
  57. package/docs/en/{schemas → 5-reference/schemas}/init.schema.json +48 -48
  58. package/docs/en/{schemas → 5-reference/schemas}/install.schema.json +60 -60
  59. package/docs/en/{schemas → 5-reference/schemas}/locale-apply.schema.json +30 -30
  60. package/docs/en/{schemas → 5-reference/schemas}/mcp-doctor.schema.json +95 -95
  61. package/docs/en/{schemas → 5-reference/schemas}/mcp-init.schema.json +122 -122
  62. package/docs/en/{schemas → 5-reference/schemas}/package-test.schema.json +24 -24
  63. package/docs/en/{schemas → 5-reference/schemas}/parallel-assign.schema.json +66 -66
  64. package/docs/en/{schemas → 5-reference/schemas}/parallel-doctor.schema.json +122 -122
  65. package/docs/en/{schemas → 5-reference/schemas}/parallel-guard.schema.json +63 -63
  66. package/docs/en/{schemas → 5-reference/schemas}/parallel-init.schema.json +53 -53
  67. package/docs/en/{schemas → 5-reference/schemas}/parallel-merge.schema.json +84 -84
  68. package/docs/en/{schemas → 5-reference/schemas}/parallel-status.schema.json +184 -184
  69. package/docs/en/{schemas → 5-reference/schemas}/setup-context.schema.json +39 -39
  70. package/docs/en/{schemas → 5-reference/schemas}/smoke.schema.json +23 -23
  71. package/docs/en/{schemas → 5-reference/schemas}/update.schema.json +48 -48
  72. package/docs/en/{schemas → 5-reference/schemas}/workflow-plan.schema.json +30 -30
  73. package/docs/en/{squad-dashboard.md → 5-reference/squad-dashboard.md} +372 -372
  74. package/docs/en/{web3.md → 5-reference/web3.md} +54 -54
  75. package/docs/en/README.md +115 -0
  76. package/docs/en/active-learning-loop/README.md +117 -0
  77. package/docs/en/active-learning-loop/active-learning-loop.md +117 -0
  78. package/docs/en/active-learning-loop/cli-commands.md +320 -0
  79. package/docs/en/active-learning-loop/diagrams.md +225 -0
  80. package/docs/en/active-learning-loop/doctor-checks.md +151 -0
  81. package/docs/en/active-learning-loop/how-to-use.md +313 -0
  82. package/docs/en/active-learning-loop/troubleshooting.md +283 -0
  83. package/docs/en/deyvin-subtask-scout/README.md +109 -0
  84. package/docs/en/deyvin-subtask-scout/cli-commands.md +248 -0
  85. package/docs/en/deyvin-subtask-scout/diagrams.md +124 -0
  86. package/docs/en/deyvin-subtask-scout/how-to-use.md +221 -0
  87. package/docs/en/deyvin-subtask-scout/sub-task-scout.md +115 -0
  88. package/docs/en/deyvin-subtask-scout/troubleshooting.md +184 -0
  89. package/docs/integrations/apps-publish-marketplace.md +94 -94
  90. package/docs/integrations/sdlc-genius-boundary.md +76 -76
  91. package/docs/integrations/sdlc-genius-eval-matrix.md +75 -75
  92. package/docs/integrations/sdlc-genius-install-checklist.md +93 -93
  93. package/docs/integrations/sdlc-genius-review-samples.md +86 -86
  94. package/docs/openclaw-bridge.md +308 -308
  95. package/docs/pt/1-entender/glossario.md +288 -0
  96. package/docs/pt/1-entender/mapa-do-ecossistema.md +228 -0
  97. package/docs/pt/1-entender/o-que-e-aioson.md +94 -0
  98. package/docs/pt/1-entender/por-que-existe.md +107 -0
  99. package/docs/pt/2-comecar/decisoes-iniciais.md +223 -0
  100. package/docs/pt/2-comecar/primeiro-projeto.md +307 -0
  101. package/docs/pt/2-comecar/projeto-existente.md +245 -0
  102. package/docs/pt/3-receitas/README.md +28 -0
  103. package/docs/pt/3-receitas/app-saas-do-zero.md +324 -0
  104. package/docs/pt/3-receitas/auditoria-seguranca.md +254 -0
  105. package/docs/pt/3-receitas/clonar-design-de-site.md +211 -0
  106. package/docs/pt/3-receitas/continuidade-entre-sessoes.md +303 -0
  107. package/docs/pt/3-receitas/da-ideia-ao-prd-via-briefing.md +234 -0
  108. package/docs/pt/3-receitas/feature-completa-com-sheldon.md +338 -0
  109. package/docs/pt/3-receitas/integracao-em-codebase-grande.md +243 -0
  110. package/docs/pt/3-receitas/landing-page.md +281 -0
  111. package/docs/pt/3-receitas/plans-externos-para-product.md +191 -0
  112. package/docs/pt/3-receitas/publicar-no-aioson-com.md +219 -0
  113. package/docs/pt/3-receitas/refatoracao-grande.md +251 -0
  114. package/docs/pt/4-agentes/README.md +65 -0
  115. package/docs/pt/4-agentes/analyst.md +111 -0
  116. package/docs/pt/4-agentes/architect.md +113 -0
  117. package/docs/pt/4-agentes/briefing.md +95 -0
  118. package/docs/pt/4-agentes/committer.md +108 -0
  119. package/docs/pt/4-agentes/copywriter.md +279 -0
  120. package/docs/pt/4-agentes/design-hybrid-forge.md +116 -0
  121. package/docs/pt/4-agentes/dev.md +136 -0
  122. package/docs/pt/4-agentes/deyvin.md +99 -0
  123. package/docs/pt/4-agentes/discover.md +122 -0
  124. package/docs/pt/4-agentes/discovery-design-doc.md +91 -0
  125. package/docs/pt/4-agentes/genome.md +115 -0
  126. package/docs/pt/4-agentes/neo.md +93 -0
  127. package/docs/pt/4-agentes/orache.md +107 -0
  128. package/docs/pt/4-agentes/orchestrator.md +118 -0
  129. package/docs/pt/4-agentes/pentester.md +131 -0
  130. package/docs/pt/4-agentes/pm.md +97 -0
  131. package/docs/pt/4-agentes/product.md +114 -0
  132. package/docs/pt/4-agentes/profiler-enricher.md +93 -0
  133. package/docs/pt/4-agentes/profiler-forge.md +93 -0
  134. package/docs/pt/4-agentes/profiler-researcher.md +98 -0
  135. package/docs/pt/4-agentes/qa.md +124 -0
  136. package/docs/pt/4-agentes/setup.md +104 -0
  137. package/docs/pt/4-agentes/sheldon.md +95 -0
  138. package/docs/pt/4-agentes/site-forge.md +104 -0
  139. package/docs/pt/4-agentes/squad.md +127 -0
  140. package/docs/pt/4-agentes/tester.md +105 -0
  141. package/docs/pt/4-agentes/ux-ui.md +110 -0
  142. package/docs/pt/4-agentes/validator.md +118 -0
  143. package/docs/pt/5-referencia/README.md +88 -0
  144. package/docs/pt/5-referencia/agent-chain-continuity.md +124 -0
  145. package/docs/pt/{agent-sharding.md → 5-referencia/agent-sharding.md} +132 -132
  146. package/docs/pt/5-referencia/aioson-com-store.md +119 -0
  147. package/docs/pt/{automacao-squads.md → 5-referencia/automacao-squads.md} +407 -407
  148. package/docs/pt/{clientes-ai.md → 5-referencia/clientes-ai.md} +300 -290
  149. package/docs/pt/{comandos-cli.md → 5-referencia/comandos-cli.md} +1823 -1781
  150. package/docs/pt/{compress-agents.md → 5-referencia/compress-agents.md} +304 -304
  151. package/docs/pt/{design-docs-governance.md → 5-referencia/design-docs-governance.md} +59 -59
  152. package/docs/pt/{devlog-pipeline.md → 5-referencia/devlog-pipeline.md} +270 -270
  153. package/docs/pt/{feature-archive.md → 5-referencia/feature-archive.md} +199 -191
  154. package/docs/pt/5-referencia/feature-dossier.md +121 -0
  155. package/docs/pt/{fluxo-artefatos.md → 5-referencia/fluxo-artefatos.md} +179 -178
  156. package/docs/pt/{genome-3.0-spec.md → 5-referencia/genome-4.0-spec.md} +407 -407
  157. package/docs/pt/{genome-distribution.md → 5-referencia/genome-distribution.md} +232 -232
  158. package/docs/pt/{hooks-session-guard.md → 5-referencia/hooks-session-guard.md} +454 -454
  159. package/docs/pt/{inteligencia-adaptativa.md → 5-referencia/inteligencia-adaptativa.md} +324 -324
  160. package/docs/pt/5-referencia/live-sessions.md +144 -0
  161. package/docs/pt/5-referencia/memoria-e-contexto.md +340 -0
  162. package/docs/pt/{motor-hardening.md → 5-referencia/motor-hardening.md} +493 -492
  163. package/docs/pt/{output-strategy-delivery.md → 5-referencia/output-strategy-delivery.md} +655 -655
  164. package/docs/pt/{runner-system.md → 5-referencia/runner-system.md} +113 -113
  165. package/docs/pt/{runtime-observability.md → 5-referencia/runtime-observability.md} +76 -76
  166. package/docs/pt/{sandbox.md → 5-referencia/sandbox.md} +125 -125
  167. package/docs/pt/{sdd-automation-scripts.md → 5-referencia/sdd-automation-scripts.md} +559 -557
  168. package/docs/pt/5-referencia/sdd-framework.md +115 -0
  169. package/docs/pt/5-referencia/sdd-planos-e-estrutura.md +321 -0
  170. package/docs/pt/5-referencia/secure-by-default.md +117 -0
  171. package/docs/pt/{skills.md → 5-referencia/skills.md} +275 -267
  172. package/docs/pt/{spec-learnings-pipeline.md → 5-referencia/spec-learnings-pipeline.md} +265 -265
  173. package/docs/pt/{squad-dashboard.md → 5-referencia/squad-dashboard.md} +373 -373
  174. package/docs/pt/{web3.md → 5-referencia/web3.md} +797 -797
  175. package/docs/pt/README.md +111 -125
  176. package/docs/pt/_arquivo/README.md +130 -0
  177. package/docs/pt/{advisor-spec.md → _arquivo/advisor-spec.md} +343 -335
  178. package/docs/pt/{agentes-customizados.md → _arquivo/agentes-customizados.md} +678 -670
  179. package/docs/pt/{busca-de-contexto.md → _arquivo/busca-de-contexto.md} +136 -129
  180. package/docs/pt/{cache-de-contexto.md → _arquivo/cache-de-contexto.md} +163 -156
  181. package/docs/pt/{cenarios.md → _arquivo/cenarios.md} +1282 -1274
  182. package/docs/pt/{design-hybrid-forge.md → _arquivo/design-hybrid-forge.md} +365 -356
  183. package/docs/pt/{deyvin.md → _arquivo/deyvin.md} +123 -115
  184. package/docs/pt/{guia-engineer.md → _arquivo/guia-engineer.md} +234 -226
  185. package/docs/pt/{inicio-rapido.md → _arquivo/inicio-rapido.md} +261 -251
  186. package/docs/pt/{memoria-contexto.md → _arquivo/memoria-contexto.md} +262 -255
  187. package/docs/pt/{monitor-de-contexto.md → _arquivo/monitor-de-contexto.md} +165 -158
  188. package/docs/pt/{profiler-system.md → _arquivo/profiler-system.md} +222 -214
  189. package/docs/pt/{recuperacao-de-sessao.md → _arquivo/recuperacao-de-sessao.md} +134 -125
  190. package/docs/pt/{site-forge.md → _arquivo/site-forge.md} +318 -309
  191. package/docs/pt/{squad-genome.md → _arquivo/squad-genome.md} +793 -783
  192. package/docs/pt/active-learning-loop/README.md +117 -0
  193. package/docs/pt/active-learning-loop/ativo-learning-loop.md +117 -0
  194. package/docs/pt/active-learning-loop/comandos-cli.md +320 -0
  195. package/docs/pt/active-learning-loop/como-usar.md +313 -0
  196. package/docs/pt/active-learning-loop/diagramas.md +225 -0
  197. package/docs/pt/active-learning-loop/doctor-checks.md +151 -0
  198. package/docs/pt/active-learning-loop/troubleshooting.md +283 -0
  199. package/docs/pt/agentes.md +996 -993
  200. package/docs/pt/deyvin-subtask-scout/README.md +109 -0
  201. package/docs/pt/deyvin-subtask-scout/comandos-cli.md +248 -0
  202. package/docs/pt/deyvin-subtask-scout/como-usar.md +221 -0
  203. package/docs/pt/deyvin-subtask-scout/diagramas.md +124 -0
  204. package/docs/pt/deyvin-subtask-scout/sub-task-scout.md +113 -0
  205. package/docs/pt/deyvin-subtask-scout/troubleshooting.md +184 -0
  206. package/docs/pt/living-memory/README.md +81 -0
  207. package/docs/pt/living-memory/autonomy-contract.md +206 -0
  208. package/docs/pt/living-memory/diagramas.md +365 -0
  209. package/docs/pt/living-memory/memoria-viva.md +141 -0
  210. package/docs/pt/living-memory/notificacoes-info.md +142 -0
  211. package/docs/pt/living-memory/reflexao-in-harness.md +218 -0
  212. package/docs/pt/living-memory/troubleshooting.md +286 -0
  213. package/docs/testing/genome-2.0-manual-regression.md +23 -23
  214. package/docs/testing/genome-2.0-matrix.md +36 -36
  215. package/docs/testing/genome-2.0-rollout.md +184 -184
  216. package/package.json +51 -51
  217. package/src/a2a/client.js +165 -165
  218. package/src/a2a/server.js +223 -223
  219. package/src/agent-loader.js +280 -280
  220. package/src/agent-manifests.js +86 -66
  221. package/src/agents.js +92 -92
  222. package/src/autonomy-policy.js +163 -139
  223. package/src/backup-local.js +74 -74
  224. package/src/backup-provider.js +303 -303
  225. package/src/brain-query.js +171 -161
  226. package/src/cli.js +77 -4
  227. package/src/commands/agent-audit.js +397 -397
  228. package/src/commands/agent-export-skill.js +229 -229
  229. package/src/commands/agent-loader.js +85 -85
  230. package/src/commands/agents.js +273 -255
  231. package/src/commands/artifact-validate.js +218 -218
  232. package/src/commands/auth.js +298 -272
  233. package/src/commands/backup-local-cmd.js +25 -25
  234. package/src/commands/backup.js +533 -533
  235. package/src/commands/brain-query.js +44 -44
  236. package/src/commands/brief-gen.js +405 -405
  237. package/src/commands/brief-validate.js +65 -65
  238. package/src/commands/briefing.js +344 -344
  239. package/src/commands/classify.js +256 -256
  240. package/src/commands/cloud.js +1767 -1767
  241. package/src/commands/commit-prepare.js +610 -547
  242. package/src/commands/compress-agents.js +416 -416
  243. package/src/commands/config.js +90 -90
  244. package/src/commands/context-cache.js +90 -90
  245. package/src/commands/context-compact.js +49 -49
  246. package/src/commands/context-health.js +187 -177
  247. package/src/commands/context-load.js +219 -0
  248. package/src/commands/context-monitor.js +163 -163
  249. package/src/commands/context-pack.js +45 -45
  250. package/src/commands/context-search.js +66 -66
  251. package/src/commands/context-trim.js +183 -183
  252. package/src/commands/context-validate.js +91 -91
  253. package/src/commands/design-hybrid-options.js +385 -385
  254. package/src/commands/detect-test-runner.js +55 -55
  255. package/src/commands/dev-resume.js +32 -0
  256. package/src/commands/devlog-export-brains.js +27 -27
  257. package/src/commands/devlog-process.js +294 -294
  258. package/src/commands/devlog-watch.js +131 -131
  259. package/src/commands/doctor.js +123 -123
  260. package/src/commands/dossier-add-research.js +114 -0
  261. package/src/commands/dossier-audit.js +222 -0
  262. package/src/commands/dossier.js +423 -423
  263. package/src/commands/feature-archive.js +513 -513
  264. package/src/commands/feature-close.js +554 -270
  265. package/src/commands/gate-approve.js +198 -198
  266. package/src/commands/gate-check.js +247 -247
  267. package/src/commands/genome-doctor.js +489 -198
  268. package/src/commands/genome-migrate.js +49 -49
  269. package/src/commands/git-guard.js +170 -170
  270. package/src/commands/harness.js +307 -121
  271. package/src/commands/health.js +214 -214
  272. package/src/commands/hooks-emit.js +253 -253
  273. package/src/commands/hooks-install.js +347 -347
  274. package/src/commands/i18n-add.js +56 -56
  275. package/src/commands/implementation-plan.js +367 -367
  276. package/src/commands/info.js +41 -41
  277. package/src/commands/init.js +120 -120
  278. package/src/commands/install.js +162 -111
  279. package/src/commands/learning-auto-promote.js +197 -195
  280. package/src/commands/learning-evolve.js +364 -364
  281. package/src/commands/learning-export.js +103 -103
  282. package/src/commands/learning-rollback.js +164 -164
  283. package/src/commands/learning.js +134 -134
  284. package/src/commands/live.js +2101 -2082
  285. package/src/commands/locale-apply.js +54 -54
  286. package/src/commands/locale-diff.js +25 -25
  287. package/src/commands/mcp-doctor.js +407 -407
  288. package/src/commands/mcp-init.js +373 -373
  289. package/src/commands/memory-archive.js +193 -0
  290. package/src/commands/memory-reflect-commit.js +148 -0
  291. package/src/commands/memory-reflect-prepare.js +97 -0
  292. package/src/commands/memory-restore.js +177 -0
  293. package/src/commands/memory-search.js +135 -0
  294. package/src/commands/memory.js +299 -234
  295. package/src/commands/notify.js +68 -0
  296. package/src/commands/package-e2e.js +273 -273
  297. package/src/commands/parallel-assign.js +483 -483
  298. package/src/commands/parallel-doctor.js +850 -850
  299. package/src/commands/parallel-guard.js +241 -241
  300. package/src/commands/parallel-init.js +311 -311
  301. package/src/commands/parallel-merge.js +299 -299
  302. package/src/commands/parallel-status.js +434 -434
  303. package/src/commands/pattern-detect.js +33 -33
  304. package/src/commands/preflight-context.js +30 -30
  305. package/src/commands/preflight.js +267 -267
  306. package/src/commands/pulse-update.js +130 -130
  307. package/src/commands/qa-doctor.js +185 -185
  308. package/src/commands/qa-init.js +166 -166
  309. package/src/commands/qa-report.js +58 -58
  310. package/src/commands/qa-run.js +873 -873
  311. package/src/commands/qa-scan.js +337 -337
  312. package/src/commands/recovery.js +43 -43
  313. package/src/commands/revision.js +235 -235
  314. package/src/commands/runner-daemon.js +274 -274
  315. package/src/commands/runner-plan.js +70 -70
  316. package/src/commands/runner-queue-from-plan.js +166 -166
  317. package/src/commands/runner-queue.js +189 -189
  318. package/src/commands/runner-run.js +129 -129
  319. package/src/commands/runtime.js +2086 -2067
  320. package/src/commands/sandbox.js +37 -37
  321. package/src/commands/scaffold-complete.js +188 -188
  322. package/src/commands/scan-project.js +1371 -1371
  323. package/src/commands/scout-commit.js +163 -0
  324. package/src/commands/scout-prep.js +214 -0
  325. package/src/commands/scout-validate.js +112 -0
  326. package/src/commands/security-audit.js +275 -275
  327. package/src/commands/security-scan.js +376 -376
  328. package/src/commands/self-implement-loop.js +306 -300
  329. package/src/commands/session-guard.js +218 -218
  330. package/src/commands/setup-context.js +699 -699
  331. package/src/commands/setup.js +178 -178
  332. package/src/commands/sizing.js +165 -165
  333. package/src/commands/skill.js +670 -670
  334. package/src/commands/smoke.js +426 -426
  335. package/src/commands/spec-checkpoint.js +177 -177
  336. package/src/commands/spec-status.js +79 -79
  337. package/src/commands/spec-sync.js +190 -190
  338. package/src/commands/spec-tasks.js +288 -288
  339. package/src/commands/squad-agent-create.js +830 -830
  340. package/src/commands/squad-autorun.js +1220 -1220
  341. package/src/commands/squad-bus.js +217 -217
  342. package/src/commands/squad-card.js +149 -149
  343. package/src/commands/squad-daemon.js +343 -343
  344. package/src/commands/squad-dashboard.js +39 -39
  345. package/src/commands/squad-dependency-graph.js +164 -164
  346. package/src/commands/squad-deploy.js +64 -64
  347. package/src/commands/squad-doctor.js +460 -460
  348. package/src/commands/squad-export.js +77 -46
  349. package/src/commands/squad-investigate.js +314 -314
  350. package/src/commands/squad-learning.js +209 -209
  351. package/src/commands/squad-mcp.js +270 -270
  352. package/src/commands/squad-pipeline.js +343 -343
  353. package/src/commands/squad-plan.js +361 -361
  354. package/src/commands/squad-processes.js +56 -56
  355. package/src/commands/squad-recovery.js +42 -42
  356. package/src/commands/squad-repair-genomes.js +39 -39
  357. package/src/commands/squad-review.js +106 -106
  358. package/src/commands/squad-roi.js +291 -291
  359. package/src/commands/squad-scaffold.js +56 -56
  360. package/src/commands/squad-score.js +311 -307
  361. package/src/commands/squad-status.js +481 -481
  362. package/src/commands/squad-tool-register.js +157 -157
  363. package/src/commands/squad-validate.js +438 -438
  364. package/src/commands/squad-webhook.js +160 -160
  365. package/src/commands/squad-worker.js +191 -191
  366. package/src/commands/squad-worktrees.js +75 -75
  367. package/src/commands/state-save.js +122 -122
  368. package/src/commands/store-genome.js +667 -304
  369. package/src/commands/store-skill.js +247 -247
  370. package/src/commands/store-squad.js +431 -431
  371. package/src/commands/store-system.js +392 -392
  372. package/src/commands/sync-agents-preflight.js +176 -0
  373. package/src/commands/test-agents.js +199 -199
  374. package/src/commands/tool-capabilities.js +63 -63
  375. package/src/commands/tool-registry-cmd.js +232 -232
  376. package/src/commands/update.js +64 -64
  377. package/src/commands/verify-gate.js +612 -612
  378. package/src/commands/web-map.js +70 -70
  379. package/src/commands/web-scrape.js +71 -71
  380. package/src/commands/workflow-execute.js +730 -730
  381. package/src/commands/workflow-harden.js +231 -231
  382. package/src/commands/workflow-heal.js +136 -136
  383. package/src/commands/workflow-next.js +1279 -1039
  384. package/src/commands/workflow-plan.js +108 -108
  385. package/src/commands/workflow-status.js +440 -440
  386. package/src/commands/workspace.js +144 -144
  387. package/src/constants.js +413 -384
  388. package/src/context-cache.js +159 -159
  389. package/src/context-memory.js +975 -966
  390. package/src/context-parse-reason.js +22 -22
  391. package/src/context-search.js +326 -326
  392. package/src/context-writer.js +197 -197
  393. package/src/context.js +247 -247
  394. package/src/delivery-runner.js +319 -319
  395. package/src/design-variation-catalog.js +503 -503
  396. package/src/detector.js +261 -261
  397. package/src/doctor.js +760 -329
  398. package/src/dossier/codemap-store.js +267 -267
  399. package/src/dossier/dossier-bootstrap.js +222 -222
  400. package/src/dossier/dossier-compact.js +159 -159
  401. package/src/dossier/lock.js +128 -128
  402. package/src/dossier/research-index-store.js +233 -0
  403. package/src/dossier/revision-store.js +313 -313
  404. package/src/dossier/schema.js +162 -155
  405. package/src/dossier/scout-section.js +127 -0
  406. package/src/dossier/store.js +406 -400
  407. package/src/execution-gateway.js +464 -464
  408. package/src/friction-scanner.js +202 -202
  409. package/src/genome-files.js +198 -198
  410. package/src/genome-format.js +442 -442
  411. package/src/genome-schema.js +238 -238
  412. package/src/genomes/bindings.js +281 -281
  413. package/src/genomes.js +500 -500
  414. package/src/handoff-contract.js +417 -363
  415. package/src/handoff-validator.js +45 -45
  416. package/src/harness/circuit-breaker.js +135 -135
  417. package/src/i18n/index.js +103 -103
  418. package/src/i18n/messages/en.js +1541 -1434
  419. package/src/i18n/messages/es.js +1325 -1221
  420. package/src/i18n/messages/fr.js +1333 -1229
  421. package/src/i18n/messages/pt-BR.js +1561 -1457
  422. package/src/i18n/scaffold.js +64 -64
  423. package/src/install-animation.js +260 -260
  424. package/src/install-profile.js +127 -127
  425. package/src/install-wizard.js +475 -475
  426. package/src/installer-config-merge.js +207 -0
  427. package/src/installer.js +449 -358
  428. package/src/learning-loop-archive.js +595 -0
  429. package/src/learning-loop-doctor.js +217 -0
  430. package/src/learning-loop-engine.js +254 -0
  431. package/src/learning-loop-fts5.js +132 -0
  432. package/src/learning-loop-migration.js +163 -0
  433. package/src/lib/dev-resume.js +140 -0
  434. package/src/lib/dossier-telemetry.js +36 -0
  435. package/src/lib/genomes/compat.js +206 -206
  436. package/src/lib/genomes/migrate.js +90 -90
  437. package/src/lib/git-commit-guard.js +751 -691
  438. package/src/lib/health-check.js +158 -158
  439. package/src/lib/hook-protocol.js +76 -76
  440. package/src/lib/llm-content-sanitizer.js +44 -0
  441. package/src/lib/security/artifact-reader.js +167 -167
  442. package/src/lib/security/exit-codes.js +51 -51
  443. package/src/lib/security/findings-writer.js +176 -176
  444. package/src/lib/security/runtime-events.js +77 -77
  445. package/src/lib/security/secrets-regex.js +115 -115
  446. package/src/lib/squads/genome-repair.js +49 -49
  447. package/src/lib/store/security-scan.js +175 -173
  448. package/src/lib/terminal-checkbox.js +135 -130
  449. package/src/lib/terminal-picker.js +447 -0
  450. package/src/lib/tmux-launcher.js +163 -163
  451. package/src/lib/tool-capabilities.js +102 -102
  452. package/src/lib/webhook-server.js +328 -328
  453. package/src/locales.js +88 -88
  454. package/src/mcp/apps/squad-dashboard/app.js +163 -163
  455. package/src/mcp/apps/squad-dashboard/index.html +261 -261
  456. package/src/mcp/apps/squad-dashboard/mcp-manifest.json +23 -23
  457. package/src/mcp/resources/squad-state.js +130 -130
  458. package/src/mcp-connectors/registry.js +602 -602
  459. package/src/memory-reflect-engine.js +359 -0
  460. package/src/notify-renderer.js +32 -0
  461. package/src/onboarding.js +305 -305
  462. package/src/parallel-workspace.js +756 -756
  463. package/src/parser.js +66 -66
  464. package/src/path-guard.js +47 -47
  465. package/src/permissions-generator.js +400 -0
  466. package/src/preflight-engine.js +654 -654
  467. package/src/prompt-tool.js +20 -20
  468. package/src/qa-html-report.js +472 -472
  469. package/src/recovery-context-session.js +154 -154
  470. package/src/runner/cascade.js +97 -97
  471. package/src/runner/cli-launcher.js +109 -109
  472. package/src/runner/plan-importer.js +63 -63
  473. package/src/runner/queue-store.js +159 -159
  474. package/src/runtime-store.js +2720 -2676
  475. package/src/sandbox.js +194 -177
  476. package/src/self-healing.js +142 -142
  477. package/src/session-handoff.js +295 -187
  478. package/src/squad/agent-teams-adapter.js +270 -264
  479. package/src/squad/brief-validator.js +350 -350
  480. package/src/squad/bus-bridge.js +140 -140
  481. package/src/squad/context-compactor.js +265 -265
  482. package/src/squad/cross-ai-synthesizer.js +250 -250
  483. package/src/squad/external-session.js +180 -180
  484. package/src/squad/hooks-generator.js +196 -196
  485. package/src/squad/inter-squad-events.js +175 -175
  486. package/src/squad/inter-squad.js +74 -74
  487. package/src/squad/intra-bus.js +345 -345
  488. package/src/squad/learning-extractor.js +213 -213
  489. package/src/squad/pattern-detector.js +365 -365
  490. package/src/squad/preflight-context.js +296 -296
  491. package/src/squad/recovery-context.js +372 -372
  492. package/src/squad/reflection.js +365 -365
  493. package/src/squad/squad-scaffold.js +341 -341
  494. package/src/squad/state-manager.js +310 -310
  495. package/src/squad/task-decomposer.js +652 -652
  496. package/src/squad/verify-gate.js +303 -303
  497. package/src/squad/worktree-manager.js +114 -114
  498. package/src/squad-daemon.js +490 -490
  499. package/src/squad-dashboard/api.js +223 -223
  500. package/src/squad-dashboard/attachment-handler.js +93 -93
  501. package/src/squad-dashboard/context-monitor.js +157 -157
  502. package/src/squad-dashboard/execution-logs.js +115 -115
  503. package/src/squad-dashboard/hunk-review.js +209 -209
  504. package/src/squad-dashboard/metrics.js +133 -133
  505. package/src/squad-dashboard/process-monitor.js +125 -125
  506. package/src/squad-dashboard/renderer.js +858 -858
  507. package/src/squad-dashboard/server.js +232 -232
  508. package/src/squad-dashboard/styles.js +525 -525
  509. package/src/squad-dashboard/token-tracker.js +99 -99
  510. package/src/squads/apply-genome.js +21 -21
  511. package/src/squads/genome-binding-service.js +154 -154
  512. package/src/sub-task-engine.js +415 -0
  513. package/src/sub-task-schemas.js +150 -0
  514. package/src/sub-task-state.js +152 -0
  515. package/src/sub-task-telemetry.js +69 -0
  516. package/src/test-briefing.js +226 -226
  517. package/src/tool-executor.js +94 -94
  518. package/src/updater.js +39 -39
  519. package/src/utils.js +49 -49
  520. package/src/version.js +50 -50
  521. package/src/web.js +284 -284
  522. package/src/worker-runner.js +541 -524
  523. package/src/workflow-gates.js +185 -185
  524. package/template/.aioson/advisors/.gitkeep +1 -1
  525. package/template/.aioson/agents/analyst.md +333 -318
  526. package/template/.aioson/agents/architect.md +325 -305
  527. package/template/.aioson/agents/{cypher.md → briefing.md} +264 -252
  528. package/template/.aioson/agents/committer.md +161 -161
  529. package/template/.aioson/agents/copywriter.md +937 -463
  530. package/template/.aioson/agents/design-hybrid-forge.md +141 -141
  531. package/template/.aioson/agents/dev.md +295 -263
  532. package/template/.aioson/agents/deyvin.md +198 -87
  533. package/template/.aioson/agents/discover.md +235 -235
  534. package/template/.aioson/agents/discovery-design-doc.md +56 -29
  535. package/template/.aioson/agents/genome.md +1904 -364
  536. package/template/.aioson/agents/manifests/analyst.manifest.json +26 -26
  537. package/template/.aioson/agents/manifests/architect.manifest.json +23 -23
  538. package/template/.aioson/agents/manifests/committer.manifest.json +23 -23
  539. package/template/.aioson/agents/manifests/dev.manifest.json +54 -37
  540. package/template/.aioson/agents/manifests/deyvin.manifest.json +41 -0
  541. package/template/.aioson/agents/manifests/orchestrator.manifest.json +30 -30
  542. package/template/.aioson/agents/manifests/pentester.manifest.json +39 -39
  543. package/template/.aioson/agents/manifests/pm.manifest.json +26 -26
  544. package/template/.aioson/agents/manifests/product.manifest.json +23 -23
  545. package/template/.aioson/agents/manifests/qa.manifest.json +41 -25
  546. package/template/.aioson/agents/manifests/setup.manifest.json +20 -20
  547. package/template/.aioson/agents/manifests/ux-ui.manifest.json +24 -24
  548. package/template/.aioson/agents/neo.md +341 -231
  549. package/template/.aioson/agents/orache.md +430 -430
  550. package/template/.aioson/agents/orchestrator.md +274 -263
  551. package/template/.aioson/agents/pair.md +5 -5
  552. package/template/.aioson/agents/pentester.md +289 -235
  553. package/template/.aioson/agents/pm.md +141 -130
  554. package/template/.aioson/agents/product.md +351 -273
  555. package/template/.aioson/agents/profiler-enricher.md +331 -331
  556. package/template/.aioson/agents/profiler-forge.md +212 -212
  557. package/template/.aioson/agents/profiler-researcher.md +282 -282
  558. package/template/.aioson/agents/qa.md +432 -342
  559. package/template/.aioson/agents/setup.md +423 -423
  560. package/template/.aioson/agents/sheldon.md +259 -197
  561. package/template/.aioson/agents/site-forge.md +281 -281
  562. package/template/.aioson/agents/squad.md +160 -156
  563. package/template/.aioson/agents/tester.md +536 -473
  564. package/template/.aioson/agents/ux-ui.md +195 -162
  565. package/template/.aioson/agents/validator.md +101 -69
  566. package/template/.aioson/brains/README.md +132 -128
  567. package/template/.aioson/brains/_archived/.gitkeep +0 -0
  568. package/template/.aioson/brains/_index.json +34 -16
  569. package/template/.aioson/brains/dev/patterns.brain.json +79 -0
  570. package/template/.aioson/brains/scripts/query.js +107 -107
  571. package/template/.aioson/brains/sheldon/architecture-decisions.brain.json +79 -0
  572. package/template/.aioson/brains/site-forge/visual-patterns.brain.json +205 -205
  573. package/template/.aioson/config/autonomy-protocol.json +125 -43
  574. package/template/.aioson/config/learning-loop.json +10 -0
  575. package/template/.aioson/config/scout-engine.json +1 -0
  576. package/template/.aioson/config.md +410 -410
  577. package/template/.aioson/context/_archived/.gitkeep +0 -0
  578. package/template/.aioson/context/design-doc.md +136 -136
  579. package/template/.aioson/context/project-map.md +57 -57
  580. package/template/.aioson/context/project-pulse.md +34 -34
  581. package/template/.aioson/context/seeds/seed-example.md +27 -27
  582. package/template/.aioson/context/spec.md.template +54 -54
  583. package/template/.aioson/context/user-profile.md +42 -42
  584. package/template/.aioson/design-docs/code-reuse.md +48 -48
  585. package/template/.aioson/design-docs/componentization.md +47 -47
  586. package/template/.aioson/design-docs/file-size.md +52 -52
  587. package/template/.aioson/design-docs/folder-structure.md +51 -51
  588. package/template/.aioson/design-docs/naming.md +54 -54
  589. package/template/.aioson/docs/LAYERS.md +89 -89
  590. package/template/.aioson/docs/README.md +76 -76
  591. package/template/.aioson/docs/autonomy-protocol.md +80 -0
  592. package/template/.aioson/docs/briefing/briefing-craft.md +237 -0
  593. package/template/.aioson/docs/dev/execution-discipline.md +106 -106
  594. package/template/.aioson/docs/dev/stack-conventions.md +83 -83
  595. package/template/.aioson/docs/deyvin/continuity-recovery.md +57 -57
  596. package/template/.aioson/docs/deyvin/debugging-escalation.md +30 -30
  597. package/template/.aioson/docs/deyvin/pair-execution.md +44 -44
  598. package/template/.aioson/docs/deyvin/runtime-handoffs.md +36 -36
  599. package/template/.aioson/docs/example-external-api-context.md +72 -72
  600. package/template/.aioson/docs/pentester/app-playbooks.md +206 -0
  601. package/template/.aioson/docs/pentester/llm-supplychain.md +165 -0
  602. package/template/.aioson/docs/product/conversation-playbook.md +116 -116
  603. package/template/.aioson/docs/product/prd-contract.md +107 -107
  604. package/template/.aioson/docs/product/quality-lens.md +57 -57
  605. package/template/.aioson/docs/product/research-loop.md +65 -65
  606. package/template/.aioson/docs/sheldon/enrichment-paths.md +134 -134
  607. package/template/.aioson/docs/sheldon/harness-contract.md +118 -0
  608. package/template/.aioson/docs/sheldon/quality-lens.md +57 -57
  609. package/template/.aioson/docs/sheldon/research-loop.md +56 -56
  610. package/template/.aioson/docs/sheldon/web-intelligence.md +75 -75
  611. package/template/.aioson/docs/site-forge-build.md +195 -195
  612. package/template/.aioson/docs/site-forge-extraction.md +135 -135
  613. package/template/.aioson/docs/site-forge-qa.md +155 -155
  614. package/template/.aioson/docs/site-forge-recon.md +434 -434
  615. package/template/.aioson/docs/site-forge-transform.md +249 -249
  616. package/template/.aioson/docs/squad/content-output.md +91 -91
  617. package/template/.aioson/docs/squad/creation-flow.md +149 -135
  618. package/template/.aioson/docs/squad/domain-breadth.md +322 -0
  619. package/template/.aioson/docs/squad/domain-classification.md +117 -117
  620. package/template/.aioson/docs/squad/genome-bindings.md +47 -47
  621. package/template/.aioson/docs/squad/package-contract.md +260 -234
  622. package/template/.aioson/docs/squad/quality-lens.md +60 -56
  623. package/template/.aioson/docs/squad/research-loop.md +59 -59
  624. package/template/.aioson/docs/squad/session-operations.md +117 -117
  625. package/template/.aioson/docs/squad/workflow-quality.md +165 -165
  626. package/template/.aioson/docs/tester/coverage-quality.md +351 -0
  627. package/template/.aioson/docs/ux-ui/accessibility-audit.md +55 -55
  628. package/template/.aioson/docs/ux-ui/audit-mode.md +86 -86
  629. package/template/.aioson/docs/ux-ui/component-map.md +35 -35
  630. package/template/.aioson/docs/ux-ui/design-execution.md +111 -111
  631. package/template/.aioson/docs/ux-ui/design-gate.md +27 -27
  632. package/template/.aioson/docs/ux-ui/research-mode.md +39 -39
  633. package/template/.aioson/docs/ux-ui/site-delivery.md +156 -156
  634. package/template/.aioson/docs/ux-ui/token-contract.md +57 -57
  635. package/template/.aioson/genomes/INDEX.md +195 -0
  636. package/template/.aioson/genomes/copywriting/SKILL.md +137 -0
  637. package/template/.aioson/genomes/copywriting/manifest.json +140 -0
  638. package/template/.aioson/genomes/copywriting/references/application-notes.md +145 -0
  639. package/template/.aioson/genomes/copywriting/references/decision-weights.md +45 -0
  640. package/template/.aioson/genomes/copywriting/references/frameworks/5-act-narrative.md +184 -0
  641. package/template/.aioson/genomes/copywriting/references/frameworks/classical-formulas.md +164 -0
  642. package/template/.aioson/genomes/copywriting/references/frameworks/offer-stack.md +195 -0
  643. package/template/.aioson/genomes/copywriting/references/frameworks/one-belief.md +135 -0
  644. package/template/.aioson/genomes/copywriting/references/frameworks/pms-research.md +211 -0
  645. package/template/.aioson/genomes/copywriting/references/frameworks/two-paths-close.md +190 -0
  646. package/template/.aioson/genomes/copywriting/references/heuristics.md +114 -0
  647. package/template/.aioson/genomes/copywriting/references/meta-axioms.md +68 -0
  648. package/template/.aioson/genomes/copywriting/references/methodology.md +115 -0
  649. package/template/.aioson/genomes/copywriting-brunson/SKILL.md +133 -0
  650. package/template/.aioson/genomes/copywriting-brunson/manifest.json +152 -0
  651. package/template/.aioson/genomes/copywriting-brunson/references/application-notes.md +113 -0
  652. package/template/.aioson/genomes/copywriting-brunson/references/decision-weights.md +33 -0
  653. package/template/.aioson/genomes/copywriting-brunson/references/evidence-and-attribution.md +81 -0
  654. package/template/.aioson/genomes/copywriting-brunson/references/frameworks/6-part-structure.md +136 -0
  655. package/template/.aioson/genomes/copywriting-brunson/references/frameworks/origin-story.md +121 -0
  656. package/template/.aioson/genomes/copywriting-brunson/references/frameworks/perfect-webinar-script.md +139 -0
  657. package/template/.aioson/genomes/copywriting-brunson/references/frameworks/persuasive-storytelling-5-structures.md +164 -0
  658. package/template/.aioson/genomes/copywriting-brunson/references/frameworks/value-stack.md +136 -0
  659. package/template/.aioson/genomes/copywriting-brunson/references/frameworks/who-what-why-how.md +110 -0
  660. package/template/.aioson/genomes/copywriting-brunson/references/meta-axioms.md +36 -0
  661. package/template/.aioson/genomes/copywriting-brunson/references/methodology.md +112 -0
  662. package/template/.aioson/git-guard.json +12 -11
  663. package/template/.aioson/mcp/servers.md +23 -23
  664. package/template/.aioson/profiler-reports/.gitkeep +1 -1
  665. package/template/.aioson/rules/README.md +69 -69
  666. package/template/.aioson/rules/_archived/.gitkeep +0 -0
  667. package/template/.aioson/rules/agent-language-policy.md +93 -93
  668. package/template/.aioson/rules/aioson-context-boundary.md +63 -63
  669. package/template/.aioson/rules/canonical-path-contract.md +47 -47
  670. package/template/.aioson/rules/data-format-convention.md +74 -74
  671. package/template/.aioson/rules/disk-first-artifacts.md +44 -44
  672. package/template/.aioson/rules/example-monetary-values.md +30 -30
  673. package/template/.aioson/rules/output-brevity.md +44 -44
  674. package/template/.aioson/rules/prd-section-ownership.md +49 -49
  675. package/template/.aioson/rules/security-baseline.md +139 -139
  676. package/template/.aioson/rules/spec-level-ownership.md +61 -61
  677. package/template/.aioson/rules/squad/README.md +50 -50
  678. package/template/.aioson/rules/squad-driver-pattern.md +81 -81
  679. package/template/.aioson/schemas/content-blueprint.schema.json +30 -30
  680. package/template/.aioson/schemas/genome-meta.schema.json +150 -150
  681. package/template/.aioson/schemas/genome.schema.json +115 -115
  682. package/template/.aioson/schemas/readiness.schema.json +27 -27
  683. package/template/.aioson/schemas/squad-blueprint.schema.json +228 -228
  684. package/template/.aioson/schemas/squad-manifest.schema.json +874 -874
  685. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -243
  686. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -293
  687. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -827
  688. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -250
  689. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -585
  690. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -365
  691. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -482
  692. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -387
  693. package/template/.aioson/skills/design/bold-editorial-ui/SKILL.md +205 -205
  694. package/template/.aioson/skills/design/bold-editorial-ui/references/art-direction.md +338 -338
  695. package/template/.aioson/skills/design/bold-editorial-ui/references/components.md +977 -977
  696. package/template/.aioson/skills/design/bold-editorial-ui/references/dashboards.md +218 -218
  697. package/template/.aioson/skills/design/bold-editorial-ui/references/design-tokens.md +326 -326
  698. package/template/.aioson/skills/design/bold-editorial-ui/references/motion.md +461 -461
  699. package/template/.aioson/skills/design/bold-editorial-ui/references/patterns.md +293 -293
  700. package/template/.aioson/skills/design/bold-editorial-ui/references/websites.md +352 -352
  701. package/template/.aioson/skills/design/clean-saas-ui/SKILL.md +210 -210
  702. package/template/.aioson/skills/design/clean-saas-ui/references/art-direction.md +319 -319
  703. package/template/.aioson/skills/design/clean-saas-ui/references/components.md +365 -365
  704. package/template/.aioson/skills/design/clean-saas-ui/references/dashboards.md +196 -196
  705. package/template/.aioson/skills/design/clean-saas-ui/references/design-tokens.md +244 -244
  706. package/template/.aioson/skills/design/clean-saas-ui/references/motion.md +235 -235
  707. package/template/.aioson/skills/design/clean-saas-ui/references/patterns.md +215 -215
  708. package/template/.aioson/skills/design/clean-saas-ui/references/websites.md +295 -295
  709. package/template/.aioson/skills/design/cognitive-core-ui/SKILL.md +203 -203
  710. package/template/.aioson/skills/design/cognitive-core-ui/references/art-direction.md +339 -339
  711. package/template/.aioson/skills/design/cognitive-core-ui/references/components.md +407 -407
  712. package/template/.aioson/skills/design/cognitive-core-ui/references/dashboards.md +272 -272
  713. package/template/.aioson/skills/design/cognitive-core-ui/references/design-tokens.md +524 -524
  714. package/template/.aioson/skills/design/cognitive-core-ui/references/motion.md +279 -279
  715. package/template/.aioson/skills/design/cognitive-core-ui/references/patterns.md +289 -289
  716. package/template/.aioson/skills/design/cognitive-core-ui/references/websites.md +437 -437
  717. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -222
  718. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -159
  719. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -498
  720. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -236
  721. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -274
  722. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -355
  723. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -198
  724. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -307
  725. package/template/.aioson/skills/design/interface-design/SKILL.md +47 -47
  726. package/template/.aioson/skills/design/interface-design/references/components-and-states.md +105 -105
  727. package/template/.aioson/skills/design/interface-design/references/design-directions.md +101 -101
  728. package/template/.aioson/skills/design/interface-design/references/handoff-and-quality.md +71 -71
  729. package/template/.aioson/skills/design/interface-design/references/intent-and-domain.md +74 -74
  730. package/template/.aioson/skills/design/interface-design/references/tokens-and-depth.md +173 -173
  731. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -213
  732. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -228
  733. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -855
  734. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -334
  735. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -342
  736. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -286
  737. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -458
  738. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -723
  739. package/template/.aioson/skills/design/premium-command-center-ui/SKILL.md +62 -62
  740. package/template/.aioson/skills/design/premium-command-center-ui/references/operations.md +74 -74
  741. package/template/.aioson/skills/design/premium-command-center-ui/references/patterns.md +116 -116
  742. package/template/.aioson/skills/design/premium-command-center-ui/references/validation.md +47 -47
  743. package/template/.aioson/skills/design/premium-command-center-ui/references/visual-system.md +215 -215
  744. package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -31
  745. package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +66 -66
  746. package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +368 -368
  747. package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -150
  748. package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -270
  749. package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -189
  750. package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +165 -165
  751. package/template/.aioson/skills/design/warm-craft-ui/SKILL.md +209 -209
  752. package/template/.aioson/skills/design/warm-craft-ui/references/art-direction.md +324 -324
  753. package/template/.aioson/skills/design/warm-craft-ui/references/components.md +508 -508
  754. package/template/.aioson/skills/design/warm-craft-ui/references/dashboards.md +223 -223
  755. package/template/.aioson/skills/design/warm-craft-ui/references/design-tokens.md +374 -374
  756. package/template/.aioson/skills/design/warm-craft-ui/references/motion.md +356 -356
  757. package/template/.aioson/skills/design/warm-craft-ui/references/patterns.md +288 -288
  758. package/template/.aioson/skills/design/warm-craft-ui/references/websites.md +289 -289
  759. package/template/.aioson/skills/design-system/SKILL.md +92 -92
  760. package/template/.aioson/skills/design-system/components/SKILL.md +274 -274
  761. package/template/.aioson/skills/design-system/dashboards/SKILL.md +184 -184
  762. package/template/.aioson/skills/design-system/foundations/SKILL.md +250 -250
  763. package/template/.aioson/skills/design-system/motion/SKILL.md +197 -197
  764. package/template/.aioson/skills/design-system/patterns/SKILL.md +231 -231
  765. package/template/.aioson/skills/dynamic/README.md +30 -30
  766. package/template/.aioson/skills/dynamic/cardano-docs.md +16 -16
  767. package/template/.aioson/skills/dynamic/ethereum-docs.md +17 -17
  768. package/template/.aioson/skills/dynamic/flux-ui-docs.md +13 -13
  769. package/template/.aioson/skills/dynamic/laravel-docs.md +41 -41
  770. package/template/.aioson/skills/dynamic/npm-packages.md +16 -16
  771. package/template/.aioson/skills/dynamic/solana-docs.md +16 -16
  772. package/template/.aioson/skills/marketing/references/anti-patterns.md +254 -254
  773. package/template/.aioson/skills/marketing/references/cta-matrix.md +361 -0
  774. package/template/.aioson/skills/marketing/references/fascinations.md +192 -192
  775. package/template/.aioson/skills/marketing/references/five-acts.md +248 -248
  776. package/template/.aioson/skills/marketing/references/headline-matrix.md +358 -0
  777. package/template/.aioson/skills/marketing/references/market-intelligence.md +198 -198
  778. package/template/.aioson/skills/marketing/references/offer-structure.md +203 -203
  779. package/template/.aioson/skills/marketing/references/one-belief.md +149 -149
  780. package/template/.aioson/skills/marketing/references/patterns.md +218 -218
  781. package/template/.aioson/skills/marketing/references/platform-constraints.md +337 -0
  782. package/template/.aioson/skills/marketing/references/pms-research.md +193 -193
  783. package/template/.aioson/skills/marketing/vsl-craft.md +385 -385
  784. package/template/.aioson/skills/premium-visual-design/SKILL.md +83 -83
  785. package/template/.aioson/skills/premium-visual-design/components/agent-badge.md +92 -92
  786. package/template/.aioson/skills/premium-visual-design/components/dependency-node.md +102 -102
  787. package/template/.aioson/skills/premium-visual-design/components/mention-autocomplete.md +136 -136
  788. package/template/.aioson/skills/premium-visual-design/components/notification-center.md +136 -136
  789. package/template/.aioson/skills/premium-visual-design/components/review-action-bar.md +188 -188
  790. package/template/.aioson/skills/premium-visual-design/components/team-switcher.md +131 -131
  791. package/template/.aioson/skills/premium-visual-design/patterns/agent-message-thread.md +198 -198
  792. package/template/.aioson/skills/premium-visual-design/patterns/notification-panel.md +275 -275
  793. package/template/.aioson/skills/premium-visual-design/patterns/review-workflow-ui.md +234 -234
  794. package/template/.aioson/skills/premium-visual-design/patterns/task-dependency-graph.md +147 -147
  795. package/template/.aioson/skills/premium-visual-design/tokens/status-extended.md +142 -142
  796. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +46 -46
  797. package/template/.aioson/skills/process/aioson-spec-driven/references/analyst.md +30 -30
  798. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -109
  799. package/template/.aioson/skills/process/aioson-spec-driven/references/architect.md +23 -23
  800. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -44
  801. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -37
  802. package/template/.aioson/skills/process/aioson-spec-driven/references/dev.md +47 -47
  803. package/template/.aioson/skills/process/aioson-spec-driven/references/deyvin.md +27 -27
  804. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -49
  805. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +101 -101
  806. package/template/.aioson/skills/process/aioson-spec-driven/references/pm.md +30 -30
  807. package/template/.aioson/skills/process/aioson-spec-driven/references/product.md +25 -25
  808. package/template/.aioson/skills/process/aioson-spec-driven/references/qa.md +30 -30
  809. package/template/.aioson/skills/process/aioson-spec-driven/references/sheldon.md +25 -25
  810. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -75
  811. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +147 -147
  812. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -221
  813. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -88
  814. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +306 -306
  815. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +149 -149
  816. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +208 -208
  817. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -125
  818. package/template/.aioson/skills/process/secure-tdd/SKILL.md +97 -97
  819. package/template/.aioson/skills/process/simplify/SKILL.md +173 -173
  820. package/template/.aioson/skills/references/premium-command-center-ui/master-application-prompt.md +79 -79
  821. package/template/.aioson/skills/references/premium-command-center-ui/operational-ux-playbook.md +253 -253
  822. package/template/.aioson/skills/references/premium-command-center-ui/quality-validation-checklist.md +82 -82
  823. package/template/.aioson/skills/references/premium-command-center-ui/visual-system-and-component-patterns.md +270 -270
  824. package/template/.aioson/skills/squad/SKILL.md +58 -58
  825. package/template/.aioson/skills/squad/formats/catalog.json +15 -15
  826. package/template/.aioson/skills/squad/formats/content/blog-post.md +47 -47
  827. package/template/.aioson/skills/squad/formats/content/newsletter.md +47 -47
  828. package/template/.aioson/skills/squad/formats/creative/podcast-script.md +43 -43
  829. package/template/.aioson/skills/squad/formats/creative/video-script.md +41 -41
  830. package/template/.aioson/skills/squad/formats/social/instagram-feed.md +42 -42
  831. package/template/.aioson/skills/squad/formats/social/linkedin-post.md +42 -42
  832. package/template/.aioson/skills/squad/formats/social/tiktok.md +39 -39
  833. package/template/.aioson/skills/squad/formats/social/twitter-thread.md +39 -39
  834. package/template/.aioson/skills/squad/formats/social/youtube-long.md +47 -47
  835. package/template/.aioson/skills/squad/formats/social/youtube-shorts.md +39 -39
  836. package/template/.aioson/skills/squad/patterns/multi-platform-pattern.md +108 -108
  837. package/template/.aioson/skills/squad/patterns/persona-based-pattern.md +98 -98
  838. package/template/.aioson/skills/squad/patterns/pipeline-pattern.md +106 -106
  839. package/template/.aioson/skills/squad/patterns/review-loop-pattern.md +81 -81
  840. package/template/.aioson/skills/squad/references/checklist-templates.md +122 -122
  841. package/template/.aioson/skills/squad/references/executor-archetypes.md +123 -123
  842. package/template/.aioson/skills/squad/references/workflow-templates.md +169 -169
  843. package/template/.aioson/skills/static/context-budget-guide.md +46 -46
  844. package/template/.aioson/skills/static/debugging-protocol.md +42 -42
  845. package/template/.aioson/skills/static/django-patterns.md +342 -342
  846. package/template/.aioson/skills/static/fastapi-patterns.md +344 -344
  847. package/template/.aioson/skills/static/filament-patterns.md +267 -267
  848. package/template/.aioson/skills/static/flux-ui-components.md +262 -262
  849. package/template/.aioson/skills/static/git-conventions.md +227 -227
  850. package/template/.aioson/skills/static/git-worktrees.md +36 -36
  851. package/template/.aioson/skills/static/harness-sensors.md +74 -74
  852. package/template/.aioson/skills/static/harness-validate/SKILL.md +46 -46
  853. package/template/.aioson/skills/static/jetstream-setup.md +200 -200
  854. package/template/.aioson/skills/static/landing-page-deploy.md +192 -192
  855. package/template/.aioson/skills/static/landing-page-forge.md +730 -730
  856. package/template/.aioson/skills/static/laravel-conventions.md +491 -491
  857. package/template/.aioson/skills/static/multi-agent-patterns.md +43 -43
  858. package/template/.aioson/skills/static/nextjs-patterns.md +321 -321
  859. package/template/.aioson/skills/static/node-express-patterns.md +317 -317
  860. package/template/.aioson/skills/static/node-typescript-patterns.md +282 -282
  861. package/template/.aioson/skills/static/rails-conventions.md +307 -307
  862. package/template/.aioson/skills/static/react-motion-patterns.md +599 -599
  863. package/template/.aioson/skills/static/static-html-patterns/checklists.md +43 -43
  864. package/template/.aioson/skills/static/static-html-patterns/css-tokens.md +609 -609
  865. package/template/.aioson/skills/static/static-html-patterns/motion.md +193 -193
  866. package/template/.aioson/skills/static/static-html-patterns/premium.md +711 -711
  867. package/template/.aioson/skills/static/static-html-patterns/structure.md +209 -209
  868. package/template/.aioson/skills/static/static-html-patterns/utilities.md +190 -190
  869. package/template/.aioson/skills/static/static-html-patterns.md +80 -80
  870. package/template/.aioson/skills/static/tall-stack-patterns.md +286 -286
  871. package/template/.aioson/skills/static/threejs-patterns.md +929 -929
  872. package/template/.aioson/skills/static/ui-ux-modern.md +76 -76
  873. package/template/.aioson/skills/static/web-research-cache.md +115 -115
  874. package/template/.aioson/skills/static/web3-cardano-patterns.md +337 -337
  875. package/template/.aioson/skills/static/web3-ethereum-patterns.md +310 -310
  876. package/template/.aioson/skills/static/web3-security-checklist.md +284 -284
  877. package/template/.aioson/skills/static/web3-solana-patterns.md +324 -324
  878. package/template/.aioson/squads/memory.md +5 -5
  879. package/template/.aioson/tasks/implementation-plan.md +327 -327
  880. package/template/.aioson/tasks/squad-analyze.md +83 -83
  881. package/template/.aioson/tasks/squad-create.md +148 -148
  882. package/template/.aioson/tasks/squad-design.md +206 -206
  883. package/template/.aioson/tasks/squad-execution-plan.md +279 -279
  884. package/template/.aioson/tasks/squad-export.md +20 -20
  885. package/template/.aioson/tasks/squad-extend.md +68 -68
  886. package/template/.aioson/tasks/squad-investigate.md +57 -57
  887. package/template/.aioson/tasks/squad-learning-review.md +44 -44
  888. package/template/.aioson/tasks/squad-output-config.md +177 -177
  889. package/template/.aioson/tasks/squad-pipeline.md +122 -122
  890. package/template/.aioson/tasks/squad-profile.md +48 -48
  891. package/template/.aioson/tasks/squad-refresh.md +236 -0
  892. package/template/.aioson/tasks/squad-repair.md +85 -85
  893. package/template/.aioson/tasks/squad-review.md +61 -61
  894. package/template/.aioson/tasks/squad-task-decompose.md +66 -66
  895. package/template/.aioson/tasks/squad-validate.md +58 -58
  896. package/template/.aioson/templates/reflect-prompts/current-state.md +36 -0
  897. package/template/.aioson/templates/reflect-prompts/how-it-works.md +23 -0
  898. package/template/.aioson/templates/reflect-prompts/what-it-does.md +21 -0
  899. package/template/.aioson/templates/squads/content-basic/template.json +21 -21
  900. package/template/.aioson/templates/squads/digital-marketing-agency/template.json +96 -96
  901. package/template/.aioson/templates/squads/media-channel/template.json +24 -24
  902. package/template/.aioson/templates/squads/research-analysis/template.json +22 -22
  903. package/template/.aioson/templates/squads/software-delivery/template.json +21 -21
  904. package/template/.claude/commands/aioson/agent/analyst.md +5 -5
  905. package/template/.claude/commands/aioson/agent/architect.md +5 -5
  906. package/template/.claude/commands/aioson/agent/briefing.md +5 -0
  907. package/template/.claude/commands/aioson/agent/committer.md +5 -5
  908. package/template/.claude/commands/aioson/agent/copywriter.md +5 -5
  909. package/template/.claude/commands/aioson/agent/design-hybrid-forge.md +5 -5
  910. package/template/.claude/commands/aioson/agent/dev.md +5 -5
  911. package/template/.claude/commands/aioson/agent/deyvin.md +5 -5
  912. package/template/.claude/commands/aioson/agent/discover.md +5 -0
  913. package/template/.claude/commands/aioson/agent/discovery-design-doc.md +5 -5
  914. package/template/.claude/commands/aioson/agent/genome.md +5 -5
  915. package/template/.claude/commands/aioson/agent/neo.md +5 -5
  916. package/template/.claude/commands/aioson/agent/orache.md +5 -5
  917. package/template/.claude/commands/aioson/agent/orchestrator.md +5 -5
  918. package/template/.claude/commands/aioson/agent/pair.md +5 -5
  919. package/template/.claude/commands/aioson/agent/pentester.md +5 -0
  920. package/template/.claude/commands/aioson/agent/pm.md +5 -5
  921. package/template/.claude/commands/aioson/agent/product.md +5 -5
  922. package/template/.claude/commands/aioson/agent/profiler-enricher.md +5 -5
  923. package/template/.claude/commands/aioson/agent/profiler-forge.md +5 -5
  924. package/template/.claude/commands/aioson/agent/profiler-researcher.md +5 -5
  925. package/template/.claude/commands/aioson/agent/qa.md +5 -5
  926. package/template/.claude/commands/aioson/agent/setup.md +5 -5
  927. package/template/.claude/commands/aioson/agent/sheldon.md +5 -5
  928. package/template/.claude/commands/aioson/agent/site-forge.md +5 -5
  929. package/template/.claude/commands/aioson/agent/squad.md +5 -5
  930. package/template/.claude/commands/aioson/agent/tester.md +5 -5
  931. package/template/.claude/commands/aioson/agent/ux-ui.md +5 -5
  932. package/template/.claude/commands/aioson/agent/validator.md +5 -5
  933. package/template/.gemini/GEMINI.md +13 -13
  934. package/template/.gemini/commands/aios-analyst.toml +7 -7
  935. package/template/.gemini/commands/aios-architect.toml +8 -8
  936. package/template/.gemini/commands/aios-committer.toml +7 -7
  937. package/template/.gemini/commands/aios-copywriter.toml +7 -7
  938. package/template/.gemini/commands/aios-cypher.toml +7 -7
  939. package/template/.gemini/commands/aios-dev.toml +9 -9
  940. package/template/.gemini/commands/aios-deyvin.toml +7 -7
  941. package/template/.gemini/commands/aios-discover.toml +6 -0
  942. package/template/.gemini/commands/aios-discovery-design-doc.toml +7 -7
  943. package/template/.gemini/commands/aios-genome.toml +7 -7
  944. package/template/.gemini/commands/aios-neo.toml +6 -6
  945. package/template/.gemini/commands/aios-orache.toml +7 -7
  946. package/template/.gemini/commands/aios-orchestrator.toml +9 -9
  947. package/template/.gemini/commands/aios-pair.toml +7 -7
  948. package/template/.gemini/commands/aios-pm.toml +9 -9
  949. package/template/.gemini/commands/aios-product.toml +6 -6
  950. package/template/.gemini/commands/aios-qa.toml +7 -7
  951. package/template/.gemini/commands/aios-setup.toml +6 -6
  952. package/template/.gemini/commands/aios-sheldon.toml +7 -7
  953. package/template/.gemini/commands/aios-site-forge.toml +7 -7
  954. package/template/.gemini/commands/aios-squad.toml +7 -7
  955. package/template/.gemini/commands/aios-tester.toml +7 -7
  956. package/template/.gemini/commands/aios-ux-ui.toml +9 -9
  957. package/template/.gemini/commands/aios-validator.toml +7 -7
  958. package/template/AGENTS.md +184 -183
  959. package/template/CLAUDE.md +98 -97
  960. package/template/OPENCODE.md +35 -34
  961. package/template/aioson-models.json +40 -40
  962. package/template/.aioson/genomes/copywriting.md +0 -204
  963. package/template/.aioson/genomes/copywriting.meta.json +0 -48
  964. package/template/.aioson/skills/process/secure-tdd/references/nextjs.md +0 -81
  965. package/template/.aioson/skills/process/secure-tdd/references/node-express.md +0 -91
  966. package/template/.aioson/skills/process/secure-tdd/references/planned-stacks.md +0 -33
  967. package/template/.claude/commands/aioson/agent/cypher.md +0 -5
package/docs/design-previews/clean-saas-ui-website.html CHANGED
@@ -1,1202 +1,1202 @@
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>Runbook — Incident Management Landing / Clean SaaS 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@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
10
- <style>
11
- *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
-
13
- :root {
14
- --bg-gray: #F9FAFB;
15
- --bg-white: #FFFFFF;
16
- --border: #E5E7EB;
17
- --accent: #2563EB;
18
- --accent-hover: #1D4ED8;
19
- --text-heading: #111827;
20
- --text-body: #374151;
21
- --text-secondary: #6B7280;
22
- --text-muted: #9CA3AF;
23
- --green: #16A34A;
24
- --red: #DC2626;
25
- --yellow: #D97706;
26
- }
27
-
28
- html { scroll-behavior: smooth; }
29
-
30
- body {
31
- font-family: 'Inter', sans-serif;
32
- font-size: 15px;
33
- line-height: 1.6;
34
- color: var(--text-body);
35
- background: var(--bg-gray);
36
- }
37
-
38
- /* ── NAV ── */
39
- nav {
40
- position: sticky;
41
- top: 0;
42
- z-index: 100;
43
- background: var(--bg-white);
44
- border-bottom: 1px solid var(--border);
45
- padding: 0 32px;
46
- height: 60px;
47
- display: flex;
48
- align-items: center;
49
- justify-content: space-between;
50
- }
51
-
52
- .nav-logo {
53
- font-size: 18px;
54
- font-weight: 700;
55
- color: var(--text-heading);
56
- display: flex;
57
- align-items: center;
58
- gap: 8px;
59
- text-decoration: none;
60
- }
61
-
62
- .nav-logo-icon {
63
- width: 28px;
64
- height: 28px;
65
- background: var(--accent);
66
- border-radius: 6px;
67
- display: flex;
68
- align-items: center;
69
- justify-content: center;
70
- color: white;
71
- font-size: 13px;
72
- font-weight: 700;
73
- }
74
-
75
- .nav-links {
76
- display: flex;
77
- align-items: center;
78
- gap: 28px;
79
- list-style: none;
80
- }
81
-
82
- .nav-links a {
83
- font-size: 14px;
84
- font-weight: 500;
85
- color: var(--text-body);
86
- text-decoration: none;
87
- }
88
-
89
- .nav-links a:hover { color: var(--text-heading); }
90
-
91
- .nav-actions {
92
- display: flex;
93
- align-items: center;
94
- gap: 12px;
95
- }
96
-
97
- .btn-ghost {
98
- font-family: 'Inter', sans-serif;
99
- font-size: 14px;
100
- font-weight: 500;
101
- color: var(--text-body);
102
- background: none;
103
- border: 1px solid var(--border);
104
- border-radius: 6px;
105
- padding: 7px 16px;
106
- cursor: pointer;
107
- text-decoration: none;
108
- display: inline-flex;
109
- align-items: center;
110
- }
111
-
112
- .btn-primary {
113
- font-family: 'Inter', sans-serif;
114
- font-size: 14px;
115
- font-weight: 600;
116
- color: white;
117
- background: var(--accent);
118
- border: none;
119
- border-radius: 6px;
120
- padding: 8px 18px;
121
- cursor: pointer;
122
- text-decoration: none;
123
- display: inline-flex;
124
- align-items: center;
125
- }
126
-
127
- .btn-primary:hover { background: var(--accent-hover); }
128
-
129
- .btn-primary-lg {
130
- font-family: 'Inter', sans-serif;
131
- font-size: 15px;
132
- font-weight: 600;
133
- color: white;
134
- background: var(--accent);
135
- border: none;
136
- border-radius: 6px;
137
- padding: 12px 24px;
138
- cursor: pointer;
139
- text-decoration: none;
140
- display: inline-flex;
141
- align-items: center;
142
- gap: 8px;
143
- }
144
-
145
- .btn-ghost-lg {
146
- font-family: 'Inter', sans-serif;
147
- font-size: 15px;
148
- font-weight: 500;
149
- color: var(--text-body);
150
- background: none;
151
- border: 1px solid var(--border);
152
- border-radius: 6px;
153
- padding: 12px 24px;
154
- cursor: pointer;
155
- text-decoration: none;
156
- display: inline-flex;
157
- align-items: center;
158
- gap: 8px;
159
- }
160
-
161
- /* ── SECTIONS ── */
162
- section { padding: 80px 32px; }
163
-
164
- .container { max-width: 1120px; margin: 0 auto; }
165
-
166
- /* ── HERO ── */
167
- .hero {
168
- background: var(--bg-white);
169
- padding: 80px 32px 60px;
170
- }
171
-
172
- .hero-inner {
173
- max-width: 1120px;
174
- margin: 0 auto;
175
- }
176
-
177
- .overline {
178
- font-family: 'JetBrains Mono', monospace;
179
- font-size: 11px;
180
- font-weight: 500;
181
- letter-spacing: 0.12em;
182
- text-transform: uppercase;
183
- color: var(--accent);
184
- display: inline-block;
185
- margin-bottom: 20px;
186
- }
187
-
188
- .hero h1 {
189
- font-size: 52px;
190
- font-weight: 700;
191
- color: var(--text-heading);
192
- line-height: 1.12;
193
- letter-spacing: -0.02em;
194
- max-width: 700px;
195
- margin-bottom: 20px;
196
- }
197
-
198
- .hero-sub {
199
- font-size: 18px;
200
- color: var(--text-secondary);
201
- max-width: 560px;
202
- margin-bottom: 36px;
203
- line-height: 1.6;
204
- }
205
-
206
- .hero-ctas {
207
- display: flex;
208
- gap: 12px;
209
- margin-bottom: 56px;
210
- flex-wrap: wrap;
211
- }
212
-
213
- /* Dashboard mock */
214
- .dashboard-mock {
215
- background: var(--bg-white);
216
- border: 1px solid var(--border);
217
- border-radius: 8px;
218
- box-shadow: 0 4px 24px rgba(0,0,0,0.08);
219
- overflow: hidden;
220
- }
221
-
222
- .mock-topbar {
223
- background: var(--bg-gray);
224
- border-bottom: 1px solid var(--border);
225
- padding: 10px 16px;
226
- display: flex;
227
- align-items: center;
228
- gap: 8px;
229
- }
230
-
231
- .mock-dot { width: 10px; height: 10px; border-radius: 50%; }
232
- .mock-dot.red { background: #FC5F5A; }
233
- .mock-dot.yellow { background: #FDBC40; }
234
- .mock-dot.green { background: #35C759; }
235
-
236
- .mock-bar {
237
- background: var(--bg-white);
238
- border: 1px solid var(--border);
239
- border-radius: 4px;
240
- height: 22px;
241
- flex: 1;
242
- margin-left: 8px;
243
- padding: 0 10px;
244
- display: flex;
245
- align-items: center;
246
- }
247
-
248
- .mock-bar-text {
249
- font-family: 'JetBrains Mono', monospace;
250
- font-size: 10px;
251
- color: var(--text-muted);
252
- }
253
-
254
- .mock-body {
255
- display: flex;
256
- }
257
-
258
- .mock-sidebar {
259
- width: 200px;
260
- border-right: 1px solid var(--border);
261
- padding: 16px 0;
262
- flex-shrink: 0;
263
- }
264
-
265
- .mock-sidebar-item {
266
- padding: 7px 16px;
267
- font-size: 12px;
268
- font-weight: 500;
269
- color: var(--text-secondary);
270
- display: flex;
271
- align-items: center;
272
- gap: 8px;
273
- }
274
-
275
- .mock-sidebar-item.active {
276
- color: var(--accent);
277
- background: #EFF6FF;
278
- border-left: 3px solid var(--accent);
279
- }
280
-
281
- .mock-sidebar-icon {
282
- width: 14px;
283
- height: 14px;
284
- border-radius: 3px;
285
- background: currentColor;
286
- opacity: 0.3;
287
- }
288
-
289
- .mock-main {
290
- flex: 1;
291
- padding: 20px;
292
- }
293
-
294
- .mock-table-header {
295
- display: flex;
296
- justify-content: space-between;
297
- align-items: center;
298
- margin-bottom: 16px;
299
- }
300
-
301
- .mock-table-title {
302
- font-size: 13px;
303
- font-weight: 600;
304
- color: var(--text-heading);
305
- }
306
-
307
- .mock-badge {
308
- font-family: 'JetBrains Mono', monospace;
309
- font-size: 10px;
310
- background: #EFF6FF;
311
- color: var(--accent);
312
- border: 1px solid #BFDBFE;
313
- border-radius: 4px;
314
- padding: 2px 8px;
315
- }
316
-
317
- .mock-table { width: 100%; border-collapse: collapse; }
318
-
319
- .mock-table th {
320
- font-family: 'JetBrains Mono', monospace;
321
- font-size: 10px;
322
- font-weight: 500;
323
- color: var(--text-muted);
324
- text-transform: uppercase;
325
- letter-spacing: 0.06em;
326
- text-align: left;
327
- padding: 6px 10px;
328
- border-bottom: 1px solid var(--border);
329
- }
330
-
331
- .mock-table td {
332
- padding: 9px 10px;
333
- font-size: 12px;
334
- color: var(--text-body);
335
- border-bottom: 1px solid var(--bg-gray);
336
- }
337
-
338
- .status-dot {
339
- display: inline-flex;
340
- align-items: center;
341
- gap: 5px;
342
- }
343
-
344
- .status-dot::before {
345
- content: '';
346
- display: inline-block;
347
- width: 7px;
348
- height: 7px;
349
- border-radius: 50%;
350
- }
351
-
352
- .status-dot.critical::before { background: var(--red); }
353
- .status-dot.warning::before { background: var(--yellow); }
354
- .status-dot.resolved::before { background: var(--green); }
355
- .status-dot.monitoring::before { background: var(--accent); }
356
-
357
- .severity-tag {
358
- font-family: 'JetBrains Mono', monospace;
359
- font-size: 10px;
360
- padding: 2px 7px;
361
- border-radius: 4px;
362
- font-weight: 500;
363
- }
364
-
365
- .sev-p1 { background: #FEF2F2; color: var(--red); }
366
- .sev-p2 { background: #FFFBEB; color: var(--yellow); }
367
- .sev-p3 { background: #EFF6FF; color: var(--accent); }
368
-
369
- /* ── TRUSTED BY ── */
370
- .trusted { background: var(--bg-gray); padding: 48px 32px; }
371
-
372
- .trusted-label {
373
- font-size: 13px;
374
- font-weight: 500;
375
- color: var(--text-muted);
376
- text-align: center;
377
- margin-bottom: 28px;
378
- }
379
-
380
- .logos-row {
381
- display: flex;
382
- justify-content: center;
383
- align-items: center;
384
- gap: 48px;
385
- flex-wrap: wrap;
386
- }
387
-
388
- .logo-name {
389
- font-size: 15px;
390
- font-weight: 600;
391
- color: var(--text-muted);
392
- letter-spacing: -0.01em;
393
- }
394
-
395
- /* ── FEATURES ── */
396
- .features { background: var(--bg-white); }
397
-
398
- .section-label {
399
- font-family: 'JetBrains Mono', monospace;
400
- font-size: 11px;
401
- font-weight: 500;
402
- letter-spacing: 0.12em;
403
- text-transform: uppercase;
404
- color: var(--accent);
405
- display: block;
406
- margin-bottom: 12px;
407
- }
408
-
409
- .section-heading {
410
- font-size: 36px;
411
- font-weight: 700;
412
- color: var(--text-heading);
413
- line-height: 1.2;
414
- letter-spacing: -0.02em;
415
- margin-bottom: 12px;
416
- }
417
-
418
- .section-sub {
419
- font-size: 16px;
420
- color: var(--text-secondary);
421
- max-width: 480px;
422
- margin-bottom: 52px;
423
- }
424
-
425
- .features-grid {
426
- display: grid;
427
- grid-template-columns: repeat(3, 1fr);
428
- gap: 24px;
429
- }
430
-
431
- .feature-card {
432
- background: var(--bg-white);
433
- border: 1px solid var(--border);
434
- border-radius: 8px;
435
- padding: 28px;
436
- position: relative;
437
- transition: box-shadow 0.2s;
438
- }
439
-
440
- .feature-card:hover {
441
- box-shadow: 0 4px 16px rgba(0,0,0,0.08);
442
- }
443
-
444
- .feature-card.featured {
445
- border-top: 3px solid var(--accent);
446
- }
447
-
448
- .feature-icon {
449
- width: 40px;
450
- height: 40px;
451
- background: #EFF6FF;
452
- border-radius: 8px;
453
- display: flex;
454
- align-items: center;
455
- justify-content: center;
456
- margin-bottom: 16px;
457
- color: var(--accent);
458
- font-size: 18px;
459
- }
460
-
461
- .feature-card h3 {
462
- font-size: 15px;
463
- font-weight: 600;
464
- color: var(--text-heading);
465
- margin-bottom: 8px;
466
- }
467
-
468
- .feature-card p {
469
- font-size: 14px;
470
- color: var(--text-secondary);
471
- line-height: 1.55;
472
- }
473
-
474
- /* ── METRICS ── */
475
- .metrics { background: var(--bg-gray); padding: 60px 32px; }
476
-
477
- .metrics-row {
478
- display: grid;
479
- grid-template-columns: repeat(3, 1fr);
480
- gap: 2px;
481
- max-width: 1120px;
482
- margin: 0 auto;
483
- background: var(--border);
484
- border: 1px solid var(--border);
485
- border-radius: 8px;
486
- overflow: hidden;
487
- }
488
-
489
- .metric-cell {
490
- background: var(--bg-white);
491
- padding: 40px 36px;
492
- text-align: center;
493
- }
494
-
495
- .metric-value {
496
- font-size: 42px;
497
- font-weight: 700;
498
- color: var(--accent);
499
- letter-spacing: -0.02em;
500
- line-height: 1;
501
- margin-bottom: 8px;
502
- }
503
-
504
- .metric-label {
505
- font-size: 15px;
506
- font-weight: 500;
507
- color: var(--text-heading);
508
- margin-bottom: 4px;
509
- }
510
-
511
- .metric-sub {
512
- font-family: 'JetBrains Mono', monospace;
513
- font-size: 11px;
514
- color: var(--text-muted);
515
- }
516
-
517
- /* ── TESTIMONIAL ── */
518
- .testimonial-section { background: var(--bg-white); }
519
-
520
- .testimonial-card {
521
- max-width: 760px;
522
- margin: 0 auto;
523
- background: var(--bg-white);
524
- border: 1px solid var(--border);
525
- border-radius: 8px;
526
- padding: 44px 48px;
527
- box-shadow: 0 1px 3px rgba(0,0,0,0.06);
528
- }
529
-
530
- .testimonial-quote {
531
- font-size: 20px;
532
- font-weight: 400;
533
- color: var(--text-heading);
534
- line-height: 1.55;
535
- margin-bottom: 28px;
536
- font-style: italic;
537
- }
538
-
539
- .testimonial-author {
540
- display: flex;
541
- align-items: center;
542
- gap: 14px;
543
- }
544
-
545
- .author-avatar {
546
- width: 44px;
547
- height: 44px;
548
- border-radius: 50%;
549
- background: #DBEAFE;
550
- display: flex;
551
- align-items: center;
552
- justify-content: center;
553
- font-weight: 700;
554
- font-size: 16px;
555
- color: var(--accent);
556
- flex-shrink: 0;
557
- }
558
-
559
- .author-name {
560
- font-size: 14px;
561
- font-weight: 600;
562
- color: var(--text-heading);
563
- margin-bottom: 2px;
564
- }
565
-
566
- .author-role {
567
- font-family: 'JetBrains Mono', monospace;
568
- font-size: 11px;
569
- color: var(--text-muted);
570
- }
571
-
572
- /* ── PRICING ── */
573
- .pricing { background: var(--bg-gray); }
574
-
575
- .pricing-grid {
576
- display: grid;
577
- grid-template-columns: repeat(3, 1fr);
578
- gap: 24px;
579
- margin-bottom: 40px;
580
- }
581
-
582
- .pricing-card {
583
- background: var(--bg-white);
584
- border: 1px solid var(--border);
585
- border-radius: 8px;
586
- overflow: hidden;
587
- box-shadow: 0 1px 3px rgba(0,0,0,0.06);
588
- }
589
-
590
- .pricing-card.featured {
591
- border-color: var(--accent);
592
- box-shadow: 0 4px 20px rgba(37,99,235,0.12);
593
- }
594
-
595
- .pricing-header {
596
- padding: 28px 28px 24px;
597
- border-bottom: 1px solid var(--border);
598
- }
599
-
600
- .pricing-card.featured .pricing-header {
601
- background: var(--accent);
602
- border-color: var(--accent);
603
- }
604
-
605
- .pricing-tier {
606
- font-size: 12px;
607
- font-weight: 600;
608
- letter-spacing: 0.06em;
609
- text-transform: uppercase;
610
- color: var(--text-secondary);
611
- margin-bottom: 12px;
612
- }
613
-
614
- .pricing-card.featured .pricing-tier { color: rgba(255,255,255,0.8); }
615
-
616
- .pricing-price {
617
- font-size: 36px;
618
- font-weight: 700;
619
- color: var(--text-heading);
620
- letter-spacing: -0.02em;
621
- display: flex;
622
- align-items: baseline;
623
- gap: 4px;
624
- }
625
-
626
- .pricing-card.featured .pricing-price { color: white; }
627
-
628
- .pricing-price-unit {
629
- font-size: 14px;
630
- font-weight: 500;
631
- color: var(--text-muted);
632
- }
633
-
634
- .pricing-card.featured .pricing-price-unit { color: rgba(255,255,255,0.7); }
635
-
636
- .pricing-desc {
637
- font-size: 13px;
638
- color: var(--text-secondary);
639
- margin-top: 8px;
640
- }
641
-
642
- .pricing-card.featured .pricing-desc { color: rgba(255,255,255,0.8); }
643
-
644
- .pricing-body {
645
- padding: 24px 28px;
646
- }
647
-
648
- .pricing-feature-list {
649
- list-style: none;
650
- margin-bottom: 24px;
651
- }
652
-
653
- .pricing-feature-list li {
654
- font-size: 13px;
655
- color: var(--text-body);
656
- padding: 6px 0;
657
- display: flex;
658
- align-items: center;
659
- gap: 8px;
660
- border-bottom: 1px solid var(--bg-gray);
661
- }
662
-
663
- .pricing-feature-list li::before {
664
- content: '✓';
665
- color: var(--green);
666
- font-weight: 700;
667
- font-size: 12px;
668
- flex-shrink: 0;
669
- }
670
-
671
- .pricing-feature-list li.unavailable {
672
- color: var(--text-muted);
673
- }
674
-
675
- .pricing-feature-list li.unavailable::before {
676
- content: '–';
677
- color: var(--text-muted);
678
- font-weight: 400;
679
- }
680
-
681
- .pricing-cta {
682
- display: block;
683
- text-align: center;
684
- padding: 10px 20px;
685
- border-radius: 6px;
686
- font-size: 14px;
687
- font-weight: 600;
688
- text-decoration: none;
689
- cursor: pointer;
690
- }
691
-
692
- .pricing-cta.primary {
693
- background: var(--accent);
694
- color: white;
695
- border: none;
696
- }
697
-
698
- .pricing-cta.secondary {
699
- background: var(--bg-white);
700
- color: var(--accent);
701
- border: 1px solid var(--accent);
702
- }
703
-
704
- .pricing-cta.ghost {
705
- background: var(--bg-white);
706
- color: var(--text-body);
707
- border: 1px solid var(--border);
708
- }
709
-
710
- /* Comparison table */
711
- .compare-table { width: 100%; border-collapse: collapse; background: var(--bg-white); border-radius: 8px; overflow: hidden; border: 1px solid var(--border); }
712
-
713
- .compare-table th {
714
- padding: 12px 20px;
715
- text-align: center;
716
- font-size: 13px;
717
- font-weight: 600;
718
- color: var(--text-heading);
719
- background: var(--bg-gray);
720
- border-bottom: 1px solid var(--border);
721
- }
722
-
723
- .compare-table th:first-child { text-align: left; }
724
-
725
- .compare-table td {
726
- padding: 12px 20px;
727
- font-size: 13px;
728
- color: var(--text-body);
729
- border-bottom: 1px solid var(--bg-gray);
730
- text-align: center;
731
- }
732
-
733
- .compare-table td:first-child { text-align: left; font-weight: 500; color: var(--text-heading); }
734
-
735
- .check { color: var(--green); font-weight: 700; }
736
- .cross { color: var(--text-muted); }
737
-
738
- /* ── CTA SECTION ── */
739
- .cta-section {
740
- background: var(--accent);
741
- padding: 80px 32px;
742
- text-align: center;
743
- }
744
-
745
- .cta-section h2 {
746
- font-size: 36px;
747
- font-weight: 700;
748
- color: white;
749
- letter-spacing: -0.02em;
750
- margin-bottom: 16px;
751
- }
752
-
753
- .cta-section p {
754
- font-size: 17px;
755
- color: rgba(255,255,255,0.8);
756
- margin-bottom: 36px;
757
- }
758
-
759
- .btn-white {
760
- font-family: 'Inter', sans-serif;
761
- font-size: 15px;
762
- font-weight: 600;
763
- color: var(--accent);
764
- background: white;
765
- border: none;
766
- border-radius: 6px;
767
- padding: 13px 28px;
768
- cursor: pointer;
769
- text-decoration: none;
770
- display: inline-flex;
771
- align-items: center;
772
- gap: 8px;
773
- }
774
-
775
- /* ── FOOTER ── */
776
- footer {
777
- background: var(--bg-white);
778
- border-top: 1px solid var(--border);
779
- padding: 60px 32px 32px;
780
- }
781
-
782
- .footer-inner {
783
- max-width: 1120px;
784
- margin: 0 auto;
785
- }
786
-
787
- .footer-grid {
788
- display: grid;
789
- grid-template-columns: 1.5fr 1fr 1fr 1fr;
790
- gap: 48px;
791
- margin-bottom: 48px;
792
- }
793
-
794
- .footer-brand p {
795
- font-size: 13px;
796
- color: var(--text-secondary);
797
- margin-top: 12px;
798
- line-height: 1.6;
799
- max-width: 240px;
800
- }
801
-
802
- .footer-col h4 {
803
- font-size: 12px;
804
- font-weight: 600;
805
- color: var(--text-heading);
806
- letter-spacing: 0.04em;
807
- text-transform: uppercase;
808
- margin-bottom: 16px;
809
- }
810
-
811
- .footer-col ul { list-style: none; }
812
-
813
- .footer-col li { margin-bottom: 10px; }
814
-
815
- .footer-col a {
816
- font-size: 14px;
817
- color: var(--text-secondary);
818
- text-decoration: none;
819
- }
820
-
821
- .footer-col a:hover { color: var(--text-heading); }
822
-
823
- .footer-bottom {
824
- border-top: 1px solid var(--border);
825
- padding-top: 24px;
826
- display: flex;
827
- justify-content: space-between;
828
- align-items: center;
829
- }
830
-
831
- .footer-bottom-text {
832
- font-family: 'JetBrains Mono', monospace;
833
- font-size: 11px;
834
- color: var(--text-muted);
835
- }
836
-
837
- /* MISC */
838
- .text-center { text-align: center; }
839
- .mb-8 { margin-bottom: 8px; }
840
- .mb-16 { margin-bottom: 16px; }
841
- .mb-24 { margin-bottom: 24px; }
842
- .mb-48 { margin-bottom: 48px; }
843
- </style>
844
- </head>
845
- <body>
846
-
847
- <!-- NAV -->
848
- <nav>
849
- <a href="#" class="nav-logo">
850
- <div class="nav-logo-icon">R</div>
851
- Runbook
852
- </a>
853
- <ul class="nav-links">
854
- <li><a href="#">Product</a></li>
855
- <li><a href="#">Integrations</a></li>
856
- <li><a href="#">Pricing</a></li>
857
- <li><a href="#">Docs</a></li>
858
- </ul>
859
- <div class="nav-actions">
860
- <a href="#" class="btn-ghost">Sign in</a>
861
- <a href="#" class="btn-primary">Start free</a>
862
- </div>
863
- </nav>
864
-
865
- <!-- HERO -->
866
- <div class="hero">
867
- <div class="hero-inner">
868
- <span class="overline">Incident Management / For Engineering Teams</span>
869
- <h1>Resolve incidents faster. Ship with confidence.</h1>
870
- <p class="hero-sub">Runbook gives on-call engineers a single pane of glass — from alert to postmortem, without the chaos.</p>
871
- <div class="hero-ctas">
872
- <a href="#" class="btn-primary-lg">Start free trial →</a>
873
- <a href="#" class="btn-ghost-lg">View live demo</a>
874
- </div>
875
-
876
- <!-- Dashboard mock -->
877
- <div class="dashboard-mock">
878
- <div class="mock-topbar">
879
- <div class="mock-dot red"></div>
880
- <div class="mock-dot yellow"></div>
881
- <div class="mock-dot green"></div>
882
- <div class="mock-bar"><span class="mock-bar-text">app.runbook.io/incidents</span></div>
883
- </div>
884
- <div class="mock-body">
885
- <div class="mock-sidebar">
886
- <div class="mock-sidebar-item active">
887
- <div class="mock-sidebar-icon"></div>
888
- Incidents
889
- </div>
890
- <div class="mock-sidebar-item">
891
- <div class="mock-sidebar-icon"></div>
892
- On-call
893
- </div>
894
- <div class="mock-sidebar-item">
895
- <div class="mock-sidebar-icon"></div>
896
- Runbooks
897
- </div>
898
- <div class="mock-sidebar-item">
899
- <div class="mock-sidebar-icon"></div>
900
- Postmortems
901
- </div>
902
- <div class="mock-sidebar-item">
903
- <div class="mock-sidebar-icon"></div>
904
- Integrations
905
- </div>
906
- <div class="mock-sidebar-item">
907
- <div class="mock-sidebar-icon"></div>
908
- Analytics
909
- </div>
910
- </div>
911
- <div class="mock-main">
912
- <div class="mock-table-header">
913
- <span class="mock-table-title">Active Incidents</span>
914
- <span class="mock-badge">3 open</span>
915
- </div>
916
- <table class="mock-table">
917
- <thead>
918
- <tr>
919
- <th>Status</th>
920
- <th>Title</th>
921
- <th>Severity</th>
922
- <th>Assignee</th>
923
- <th>Duration</th>
924
- </tr>
925
- </thead>
926
- <tbody>
927
- <tr>
928
- <td><span class="status-dot critical">Critical</span></td>
929
- <td>API gateway latency spike — prod</td>
930
- <td><span class="severity-tag sev-p1">P1</span></td>
931
- <td>Sarah K.</td>
932
- <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red)">00:14:33</span></td>
933
- </tr>
934
- <tr>
935
- <td><span class="status-dot warning">Monitoring</span></td>
936
- <td>Elevated error rate — payment service</td>
937
- <td><span class="severity-tag sev-p2">P2</span></td>
938
- <td>Marcus L.</td>
939
- <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow)">01:02:17</span></td>
940
- </tr>
941
- <tr>
942
- <td><span class="status-dot monitoring">Investigating</span></td>
943
- <td>CDN cache miss ratio above threshold</td>
944
- <td><span class="severity-tag sev-p3">P3</span></td>
945
- <td>Priya M.</td>
946
- <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent)">00:28:05</span></td>
947
- </tr>
948
- <tr>
949
- <td><span class="status-dot resolved">Resolved</span></td>
950
- <td>Database connection pool exhausted</td>
951
- <td><span class="severity-tag sev-p2">P2</span></td>
952
- <td>James T.</td>
953
- <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green)">Resolved</span></td>
954
- </tr>
955
- </tbody>
956
- </table>
957
- </div>
958
- </div>
959
- </div>
960
- </div>
961
- </div>
962
-
963
- <!-- TRUSTED BY -->
964
- <div class="trusted">
965
- <p class="trusted-label">Trusted by 1,200+ engineering teams worldwide</p>
966
- <div class="logos-row">
967
- <span class="logo-name">Streamline</span>
968
- <span class="logo-name">Northvault</span>
969
- <span class="logo-name">Cascadeio</span>
970
- <span class="logo-name">Meridian</span>
971
- <span class="logo-name">Apertive</span>
972
- </div>
973
- </div>
974
-
975
- <!-- FEATURES -->
976
- <section class="features">
977
- <div class="container">
978
- <span class="section-label">Product</span>
979
- <h2 class="section-heading">Everything you need during an incident</h2>
980
- <p class="section-sub">Built for speed and clarity when pressure is highest.</p>
981
-
982
- <div class="features-grid">
983
- <div class="feature-card featured">
984
- <div class="feature-icon">⚡</div>
985
- <h3>Instant Alert Routing</h3>
986
- <p>Connect PagerDuty, Datadog, or Grafana. Alerts land in Slack in seconds with full context attached.</p>
987
- </div>
988
- <div class="feature-card">
989
- <div class="feature-icon">📋</div>
990
- <h3>Runbook Automation</h3>
991
- <p>Auto-surface the right runbook for each incident type. Reduce time-to-action from minutes to seconds.</p>
992
- </div>
993
- <div class="feature-card">
994
- <div class="feature-icon">🧭</div>
995
- <h3>Incident Commander</h3>
996
- <p>Assign roles, track actions, and maintain a clean timeline — all from one command center.</p>
997
- </div>
998
- <div class="feature-card">
999
- <div class="feature-icon">📊</div>
1000
- <h3>Postmortem Generator</h3>
1001
- <p>One-click postmortems with a full incident timeline, action log, and customizable templates.</p>
1002
- </div>
1003
- <div class="feature-card">
1004
- <div class="feature-icon">🔔</div>
1005
- <h3>On-Call Scheduling</h3>
1006
- <p>Visual schedules, overrides, and escalation policies. No spreadsheet needed.</p>
1007
- </div>
1008
- <div class="feature-card">
1009
- <div class="feature-icon">📈</div>
1010
- <h3>MTTR Analytics</h3>
1011
- <p>Track MTTA, MTTR, and incident frequency. Spot patterns before they become outages.</p>
1012
- </div>
1013
- </div>
1014
- </div>
1015
- </section>
1016
-
1017
- <!-- METRICS -->
1018
- <div class="metrics">
1019
- <div class="metrics-row">
1020
- <div class="metric-cell">
1021
- <div class="metric-value">99.9%</div>
1022
- <div class="metric-label">Uptime SLA</div>
1023
- <div class="metric-sub">Guaranteed reliability</div>
1024
- </div>
1025
- <div class="metric-cell">
1026
- <div class="metric-value">&lt; 5 min</div>
1027
- <div class="metric-label">Median MTTR</div>
1028
- <div class="metric-sub">Across all customers</div>
1029
- </div>
1030
- <div class="metric-cell">
1031
- <div class="metric-value">10,000+</div>
1032
- <div class="metric-label">Incidents resolved</div>
1033
- <div class="metric-sub">In the last 30 days</div>
1034
- </div>
1035
- </div>
1036
- </div>
1037
-
1038
- <!-- TESTIMONIAL -->
1039
- <section class="testimonial-section">
1040
- <div class="container">
1041
- <div class="testimonial-card">
1042
- <p class="testimonial-quote">"Runbook cut our mean time to resolution in half. The runbook automation feature alone is worth the subscription — our junior engineers can handle incidents that used to require senior escalation."</p>
1043
- <div class="testimonial-author">
1044
- <div class="author-avatar">SK</div>
1045
- <div>
1046
- <div class="author-name">Sarah Kim</div>
1047
- <div class="author-role">Director of Engineering @ Streamline</div>
1048
- </div>
1049
- </div>
1050
- </div>
1051
- </div>
1052
- </section>
1053
-
1054
- <!-- PRICING -->
1055
- <section class="pricing">
1056
- <div class="container">
1057
- <div class="text-center mb-48">
1058
- <span class="section-label">Pricing</span>
1059
- <h2 class="section-heading">Simple, transparent pricing</h2>
1060
- <p class="section-sub" style="margin: 0 auto;">Start free. Scale as your team grows.</p>
1061
- </div>
1062
-
1063
- <div class="pricing-grid">
1064
- <div class="pricing-card">
1065
- <div class="pricing-header">
1066
- <div class="pricing-tier">Free</div>
1067
- <div class="pricing-price">$0 <span class="pricing-price-unit">/ month</span></div>
1068
- <div class="pricing-desc">For small teams getting started</div>
1069
- </div>
1070
- <div class="pricing-body">
1071
- <ul class="pricing-feature-list">
1072
- <li>Up to 5 users</li>
1073
- <li>50 incidents / month</li>
1074
- <li>Basic runbooks</li>
1075
- <li>Slack integration</li>
1076
- <li class="unavailable">Custom escalation policies</li>
1077
- <li class="unavailable">Analytics dashboard</li>
1078
- <li class="unavailable">Postmortem templates</li>
1079
- </ul>
1080
- <a href="#" class="pricing-cta ghost">Get started free</a>
1081
- </div>
1082
- </div>
1083
-
1084
- <div class="pricing-card featured">
1085
- <div class="pricing-header">
1086
- <div class="pricing-tier">Pro</div>
1087
- <div class="pricing-price">$29 <span class="pricing-price-unit">/ user / mo</span></div>
1088
- <div class="pricing-desc">For growing engineering teams</div>
1089
- </div>
1090
- <div class="pricing-body">
1091
- <ul class="pricing-feature-list">
1092
- <li>Unlimited users</li>
1093
- <li>Unlimited incidents</li>
1094
- <li>Advanced runbooks</li>
1095
- <li>All integrations</li>
1096
- <li>Custom escalation policies</li>
1097
- <li>Analytics dashboard</li>
1098
- <li>Postmortem templates</li>
1099
- </ul>
1100
- <a href="#" class="pricing-cta primary">Start free trial</a>
1101
- </div>
1102
- </div>
1103
-
1104
- <div class="pricing-card">
1105
- <div class="pricing-header">
1106
- <div class="pricing-tier">Enterprise</div>
1107
- <div class="pricing-price">Custom</div>
1108
- <div class="pricing-desc">For large orgs with specific needs</div>
1109
- </div>
1110
- <div class="pricing-body">
1111
- <ul class="pricing-feature-list">
1112
- <li>Everything in Pro</li>
1113
- <li>SSO / SAML</li>
1114
- <li>Audit logs</li>
1115
- <li>SLA guarantees</li>
1116
- <li>Dedicated CSM</li>
1117
- <li>Custom integrations</li>
1118
- <li>On-prem deployment</li>
1119
- </ul>
1120
- <a href="#" class="pricing-cta secondary">Contact sales</a>
1121
- </div>
1122
- </div>
1123
- </div>
1124
-
1125
- <table class="compare-table">
1126
- <thead>
1127
- <tr>
1128
- <th>Feature</th>
1129
- <th>Free</th>
1130
- <th>Pro</th>
1131
- <th>Enterprise</th>
1132
- </tr>
1133
- </thead>
1134
- <tbody>
1135
- <tr><td>Incident tracking</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
1136
- <tr><td>Slack / Teams alerts</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
1137
- <tr><td>Custom runbooks</td><td class="cross">—</td><td class="check">✓</td><td class="check">✓</td></tr>
1138
- <tr><td>MTTR analytics</td><td class="cross">—</td><td class="check">✓</td><td class="check">✓</td></tr>
1139
- <tr><td>SSO / SAML</td><td class="cross">—</td><td class="cross">—</td><td class="check">✓</td></tr>
1140
- <tr><td>Dedicated support</td><td class="cross">—</td><td class="cross">—</td><td class="check">✓</td></tr>
1141
- </tbody>
1142
- </table>
1143
- </div>
1144
- </section>
1145
-
1146
- <!-- CTA -->
1147
- <div class="cta-section">
1148
- <div class="container">
1149
- <h2>Ready to stop firefighting?</h2>
1150
- <p>Join 1,200+ engineering teams that resolve incidents faster with Runbook.</p>
1151
- <a href="#" class="btn-white">Start your free trial — no credit card required →</a>
1152
- </div>
1153
- </div>
1154
-
1155
- <!-- FOOTER -->
1156
- <footer>
1157
- <div class="footer-inner">
1158
- <div class="footer-grid">
1159
- <div class="footer-brand">
1160
- <a href="#" class="nav-logo" style="display:inline-flex;">
1161
- <div class="nav-logo-icon">R</div>
1162
- Runbook
1163
- </a>
1164
- <p>Incident management built for engineering teams who care about reliability.</p>
1165
- </div>
1166
- <div class="footer-col">
1167
- <h4>Product</h4>
1168
- <ul>
1169
- <li><a href="#">Features</a></li>
1170
- <li><a href="#">Integrations</a></li>
1171
- <li><a href="#">Changelog</a></li>
1172
- <li><a href="#">Roadmap</a></li>
1173
- </ul>
1174
- </div>
1175
- <div class="footer-col">
1176
- <h4>Resources</h4>
1177
- <ul>
1178
- <li><a href="#">Documentation</a></li>
1179
- <li><a href="#">API Reference</a></li>
1180
- <li><a href="#">Status Page</a></li>
1181
- <li><a href="#">Blog</a></li>
1182
- </ul>
1183
- </div>
1184
- <div class="footer-col">
1185
- <h4>Company</h4>
1186
- <ul>
1187
- <li><a href="#">About</a></li>
1188
- <li><a href="#">Careers</a></li>
1189
- <li><a href="#">Security</a></li>
1190
- <li><a href="#">Privacy</a></li>
1191
- </ul>
1192
- </div>
1193
- </div>
1194
- <div class="footer-bottom">
1195
- <span class="footer-bottom-text">© 2024 Runbook, Inc. All rights reserved.</span>
1196
- <span class="footer-bottom-text">Clean SaaS UI — Design Skill Preview</span>
1197
- </div>
1198
- </div>
1199
- </footer>
1200
-
1201
- </body>
1202
- </html>
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>Runbook — Incident Management Landing / Clean SaaS 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@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --bg-gray: #F9FAFB;
15
+ --bg-white: #FFFFFF;
16
+ --border: #E5E7EB;
17
+ --accent: #2563EB;
18
+ --accent-hover: #1D4ED8;
19
+ --text-heading: #111827;
20
+ --text-body: #374151;
21
+ --text-secondary: #6B7280;
22
+ --text-muted: #9CA3AF;
23
+ --green: #16A34A;
24
+ --red: #DC2626;
25
+ --yellow: #D97706;
26
+ }
27
+
28
+ html { scroll-behavior: smooth; }
29
+
30
+ body {
31
+ font-family: 'Inter', sans-serif;
32
+ font-size: 15px;
33
+ line-height: 1.6;
34
+ color: var(--text-body);
35
+ background: var(--bg-gray);
36
+ }
37
+
38
+ /* ── NAV ── */
39
+ nav {
40
+ position: sticky;
41
+ top: 0;
42
+ z-index: 100;
43
+ background: var(--bg-white);
44
+ border-bottom: 1px solid var(--border);
45
+ padding: 0 32px;
46
+ height: 60px;
47
+ display: flex;
48
+ align-items: center;
49
+ justify-content: space-between;
50
+ }
51
+
52
+ .nav-logo {
53
+ font-size: 18px;
54
+ font-weight: 700;
55
+ color: var(--text-heading);
56
+ display: flex;
57
+ align-items: center;
58
+ gap: 8px;
59
+ text-decoration: none;
60
+ }
61
+
62
+ .nav-logo-icon {
63
+ width: 28px;
64
+ height: 28px;
65
+ background: var(--accent);
66
+ border-radius: 6px;
67
+ display: flex;
68
+ align-items: center;
69
+ justify-content: center;
70
+ color: white;
71
+ font-size: 13px;
72
+ font-weight: 700;
73
+ }
74
+
75
+ .nav-links {
76
+ display: flex;
77
+ align-items: center;
78
+ gap: 28px;
79
+ list-style: none;
80
+ }
81
+
82
+ .nav-links a {
83
+ font-size: 14px;
84
+ font-weight: 500;
85
+ color: var(--text-body);
86
+ text-decoration: none;
87
+ }
88
+
89
+ .nav-links a:hover { color: var(--text-heading); }
90
+
91
+ .nav-actions {
92
+ display: flex;
93
+ align-items: center;
94
+ gap: 12px;
95
+ }
96
+
97
+ .btn-ghost {
98
+ font-family: 'Inter', sans-serif;
99
+ font-size: 14px;
100
+ font-weight: 500;
101
+ color: var(--text-body);
102
+ background: none;
103
+ border: 1px solid var(--border);
104
+ border-radius: 6px;
105
+ padding: 7px 16px;
106
+ cursor: pointer;
107
+ text-decoration: none;
108
+ display: inline-flex;
109
+ align-items: center;
110
+ }
111
+
112
+ .btn-primary {
113
+ font-family: 'Inter', sans-serif;
114
+ font-size: 14px;
115
+ font-weight: 600;
116
+ color: white;
117
+ background: var(--accent);
118
+ border: none;
119
+ border-radius: 6px;
120
+ padding: 8px 18px;
121
+ cursor: pointer;
122
+ text-decoration: none;
123
+ display: inline-flex;
124
+ align-items: center;
125
+ }
126
+
127
+ .btn-primary:hover { background: var(--accent-hover); }
128
+
129
+ .btn-primary-lg {
130
+ font-family: 'Inter', sans-serif;
131
+ font-size: 15px;
132
+ font-weight: 600;
133
+ color: white;
134
+ background: var(--accent);
135
+ border: none;
136
+ border-radius: 6px;
137
+ padding: 12px 24px;
138
+ cursor: pointer;
139
+ text-decoration: none;
140
+ display: inline-flex;
141
+ align-items: center;
142
+ gap: 8px;
143
+ }
144
+
145
+ .btn-ghost-lg {
146
+ font-family: 'Inter', sans-serif;
147
+ font-size: 15px;
148
+ font-weight: 500;
149
+ color: var(--text-body);
150
+ background: none;
151
+ border: 1px solid var(--border);
152
+ border-radius: 6px;
153
+ padding: 12px 24px;
154
+ cursor: pointer;
155
+ text-decoration: none;
156
+ display: inline-flex;
157
+ align-items: center;
158
+ gap: 8px;
159
+ }
160
+
161
+ /* ── SECTIONS ── */
162
+ section { padding: 80px 32px; }
163
+
164
+ .container { max-width: 1120px; margin: 0 auto; }
165
+
166
+ /* ── HERO ── */
167
+ .hero {
168
+ background: var(--bg-white);
169
+ padding: 80px 32px 60px;
170
+ }
171
+
172
+ .hero-inner {
173
+ max-width: 1120px;
174
+ margin: 0 auto;
175
+ }
176
+
177
+ .overline {
178
+ font-family: 'JetBrains Mono', monospace;
179
+ font-size: 11px;
180
+ font-weight: 500;
181
+ letter-spacing: 0.12em;
182
+ text-transform: uppercase;
183
+ color: var(--accent);
184
+ display: inline-block;
185
+ margin-bottom: 20px;
186
+ }
187
+
188
+ .hero h1 {
189
+ font-size: 52px;
190
+ font-weight: 700;
191
+ color: var(--text-heading);
192
+ line-height: 1.12;
193
+ letter-spacing: -0.02em;
194
+ max-width: 700px;
195
+ margin-bottom: 20px;
196
+ }
197
+
198
+ .hero-sub {
199
+ font-size: 18px;
200
+ color: var(--text-secondary);
201
+ max-width: 560px;
202
+ margin-bottom: 36px;
203
+ line-height: 1.6;
204
+ }
205
+
206
+ .hero-ctas {
207
+ display: flex;
208
+ gap: 12px;
209
+ margin-bottom: 56px;
210
+ flex-wrap: wrap;
211
+ }
212
+
213
+ /* Dashboard mock */
214
+ .dashboard-mock {
215
+ background: var(--bg-white);
216
+ border: 1px solid var(--border);
217
+ border-radius: 8px;
218
+ box-shadow: 0 4px 24px rgba(0,0,0,0.08);
219
+ overflow: hidden;
220
+ }
221
+
222
+ .mock-topbar {
223
+ background: var(--bg-gray);
224
+ border-bottom: 1px solid var(--border);
225
+ padding: 10px 16px;
226
+ display: flex;
227
+ align-items: center;
228
+ gap: 8px;
229
+ }
230
+
231
+ .mock-dot { width: 10px; height: 10px; border-radius: 50%; }
232
+ .mock-dot.red { background: #FC5F5A; }
233
+ .mock-dot.yellow { background: #FDBC40; }
234
+ .mock-dot.green { background: #35C759; }
235
+
236
+ .mock-bar {
237
+ background: var(--bg-white);
238
+ border: 1px solid var(--border);
239
+ border-radius: 4px;
240
+ height: 22px;
241
+ flex: 1;
242
+ margin-left: 8px;
243
+ padding: 0 10px;
244
+ display: flex;
245
+ align-items: center;
246
+ }
247
+
248
+ .mock-bar-text {
249
+ font-family: 'JetBrains Mono', monospace;
250
+ font-size: 10px;
251
+ color: var(--text-muted);
252
+ }
253
+
254
+ .mock-body {
255
+ display: flex;
256
+ }
257
+
258
+ .mock-sidebar {
259
+ width: 200px;
260
+ border-right: 1px solid var(--border);
261
+ padding: 16px 0;
262
+ flex-shrink: 0;
263
+ }
264
+
265
+ .mock-sidebar-item {
266
+ padding: 7px 16px;
267
+ font-size: 12px;
268
+ font-weight: 500;
269
+ color: var(--text-secondary);
270
+ display: flex;
271
+ align-items: center;
272
+ gap: 8px;
273
+ }
274
+
275
+ .mock-sidebar-item.active {
276
+ color: var(--accent);
277
+ background: #EFF6FF;
278
+ border-left: 3px solid var(--accent);
279
+ }
280
+
281
+ .mock-sidebar-icon {
282
+ width: 14px;
283
+ height: 14px;
284
+ border-radius: 3px;
285
+ background: currentColor;
286
+ opacity: 0.3;
287
+ }
288
+
289
+ .mock-main {
290
+ flex: 1;
291
+ padding: 20px;
292
+ }
293
+
294
+ .mock-table-header {
295
+ display: flex;
296
+ justify-content: space-between;
297
+ align-items: center;
298
+ margin-bottom: 16px;
299
+ }
300
+
301
+ .mock-table-title {
302
+ font-size: 13px;
303
+ font-weight: 600;
304
+ color: var(--text-heading);
305
+ }
306
+
307
+ .mock-badge {
308
+ font-family: 'JetBrains Mono', monospace;
309
+ font-size: 10px;
310
+ background: #EFF6FF;
311
+ color: var(--accent);
312
+ border: 1px solid #BFDBFE;
313
+ border-radius: 4px;
314
+ padding: 2px 8px;
315
+ }
316
+
317
+ .mock-table { width: 100%; border-collapse: collapse; }
318
+
319
+ .mock-table th {
320
+ font-family: 'JetBrains Mono', monospace;
321
+ font-size: 10px;
322
+ font-weight: 500;
323
+ color: var(--text-muted);
324
+ text-transform: uppercase;
325
+ letter-spacing: 0.06em;
326
+ text-align: left;
327
+ padding: 6px 10px;
328
+ border-bottom: 1px solid var(--border);
329
+ }
330
+
331
+ .mock-table td {
332
+ padding: 9px 10px;
333
+ font-size: 12px;
334
+ color: var(--text-body);
335
+ border-bottom: 1px solid var(--bg-gray);
336
+ }
337
+
338
+ .status-dot {
339
+ display: inline-flex;
340
+ align-items: center;
341
+ gap: 5px;
342
+ }
343
+
344
+ .status-dot::before {
345
+ content: '';
346
+ display: inline-block;
347
+ width: 7px;
348
+ height: 7px;
349
+ border-radius: 50%;
350
+ }
351
+
352
+ .status-dot.critical::before { background: var(--red); }
353
+ .status-dot.warning::before { background: var(--yellow); }
354
+ .status-dot.resolved::before { background: var(--green); }
355
+ .status-dot.monitoring::before { background: var(--accent); }
356
+
357
+ .severity-tag {
358
+ font-family: 'JetBrains Mono', monospace;
359
+ font-size: 10px;
360
+ padding: 2px 7px;
361
+ border-radius: 4px;
362
+ font-weight: 500;
363
+ }
364
+
365
+ .sev-p1 { background: #FEF2F2; color: var(--red); }
366
+ .sev-p2 { background: #FFFBEB; color: var(--yellow); }
367
+ .sev-p3 { background: #EFF6FF; color: var(--accent); }
368
+
369
+ /* ── TRUSTED BY ── */
370
+ .trusted { background: var(--bg-gray); padding: 48px 32px; }
371
+
372
+ .trusted-label {
373
+ font-size: 13px;
374
+ font-weight: 500;
375
+ color: var(--text-muted);
376
+ text-align: center;
377
+ margin-bottom: 28px;
378
+ }
379
+
380
+ .logos-row {
381
+ display: flex;
382
+ justify-content: center;
383
+ align-items: center;
384
+ gap: 48px;
385
+ flex-wrap: wrap;
386
+ }
387
+
388
+ .logo-name {
389
+ font-size: 15px;
390
+ font-weight: 600;
391
+ color: var(--text-muted);
392
+ letter-spacing: -0.01em;
393
+ }
394
+
395
+ /* ── FEATURES ── */
396
+ .features { background: var(--bg-white); }
397
+
398
+ .section-label {
399
+ font-family: 'JetBrains Mono', monospace;
400
+ font-size: 11px;
401
+ font-weight: 500;
402
+ letter-spacing: 0.12em;
403
+ text-transform: uppercase;
404
+ color: var(--accent);
405
+ display: block;
406
+ margin-bottom: 12px;
407
+ }
408
+
409
+ .section-heading {
410
+ font-size: 36px;
411
+ font-weight: 700;
412
+ color: var(--text-heading);
413
+ line-height: 1.2;
414
+ letter-spacing: -0.02em;
415
+ margin-bottom: 12px;
416
+ }
417
+
418
+ .section-sub {
419
+ font-size: 16px;
420
+ color: var(--text-secondary);
421
+ max-width: 480px;
422
+ margin-bottom: 52px;
423
+ }
424
+
425
+ .features-grid {
426
+ display: grid;
427
+ grid-template-columns: repeat(3, 1fr);
428
+ gap: 24px;
429
+ }
430
+
431
+ .feature-card {
432
+ background: var(--bg-white);
433
+ border: 1px solid var(--border);
434
+ border-radius: 8px;
435
+ padding: 28px;
436
+ position: relative;
437
+ transition: box-shadow 0.2s;
438
+ }
439
+
440
+ .feature-card:hover {
441
+ box-shadow: 0 4px 16px rgba(0,0,0,0.08);
442
+ }
443
+
444
+ .feature-card.featured {
445
+ border-top: 3px solid var(--accent);
446
+ }
447
+
448
+ .feature-icon {
449
+ width: 40px;
450
+ height: 40px;
451
+ background: #EFF6FF;
452
+ border-radius: 8px;
453
+ display: flex;
454
+ align-items: center;
455
+ justify-content: center;
456
+ margin-bottom: 16px;
457
+ color: var(--accent);
458
+ font-size: 18px;
459
+ }
460
+
461
+ .feature-card h3 {
462
+ font-size: 15px;
463
+ font-weight: 600;
464
+ color: var(--text-heading);
465
+ margin-bottom: 8px;
466
+ }
467
+
468
+ .feature-card p {
469
+ font-size: 14px;
470
+ color: var(--text-secondary);
471
+ line-height: 1.55;
472
+ }
473
+
474
+ /* ── METRICS ── */
475
+ .metrics { background: var(--bg-gray); padding: 60px 32px; }
476
+
477
+ .metrics-row {
478
+ display: grid;
479
+ grid-template-columns: repeat(3, 1fr);
480
+ gap: 2px;
481
+ max-width: 1120px;
482
+ margin: 0 auto;
483
+ background: var(--border);
484
+ border: 1px solid var(--border);
485
+ border-radius: 8px;
486
+ overflow: hidden;
487
+ }
488
+
489
+ .metric-cell {
490
+ background: var(--bg-white);
491
+ padding: 40px 36px;
492
+ text-align: center;
493
+ }
494
+
495
+ .metric-value {
496
+ font-size: 42px;
497
+ font-weight: 700;
498
+ color: var(--accent);
499
+ letter-spacing: -0.02em;
500
+ line-height: 1;
501
+ margin-bottom: 8px;
502
+ }
503
+
504
+ .metric-label {
505
+ font-size: 15px;
506
+ font-weight: 500;
507
+ color: var(--text-heading);
508
+ margin-bottom: 4px;
509
+ }
510
+
511
+ .metric-sub {
512
+ font-family: 'JetBrains Mono', monospace;
513
+ font-size: 11px;
514
+ color: var(--text-muted);
515
+ }
516
+
517
+ /* ── TESTIMONIAL ── */
518
+ .testimonial-section { background: var(--bg-white); }
519
+
520
+ .testimonial-card {
521
+ max-width: 760px;
522
+ margin: 0 auto;
523
+ background: var(--bg-white);
524
+ border: 1px solid var(--border);
525
+ border-radius: 8px;
526
+ padding: 44px 48px;
527
+ box-shadow: 0 1px 3px rgba(0,0,0,0.06);
528
+ }
529
+
530
+ .testimonial-quote {
531
+ font-size: 20px;
532
+ font-weight: 400;
533
+ color: var(--text-heading);
534
+ line-height: 1.55;
535
+ margin-bottom: 28px;
536
+ font-style: italic;
537
+ }
538
+
539
+ .testimonial-author {
540
+ display: flex;
541
+ align-items: center;
542
+ gap: 14px;
543
+ }
544
+
545
+ .author-avatar {
546
+ width: 44px;
547
+ height: 44px;
548
+ border-radius: 50%;
549
+ background: #DBEAFE;
550
+ display: flex;
551
+ align-items: center;
552
+ justify-content: center;
553
+ font-weight: 700;
554
+ font-size: 16px;
555
+ color: var(--accent);
556
+ flex-shrink: 0;
557
+ }
558
+
559
+ .author-name {
560
+ font-size: 14px;
561
+ font-weight: 600;
562
+ color: var(--text-heading);
563
+ margin-bottom: 2px;
564
+ }
565
+
566
+ .author-role {
567
+ font-family: 'JetBrains Mono', monospace;
568
+ font-size: 11px;
569
+ color: var(--text-muted);
570
+ }
571
+
572
+ /* ── PRICING ── */
573
+ .pricing { background: var(--bg-gray); }
574
+
575
+ .pricing-grid {
576
+ display: grid;
577
+ grid-template-columns: repeat(3, 1fr);
578
+ gap: 24px;
579
+ margin-bottom: 40px;
580
+ }
581
+
582
+ .pricing-card {
583
+ background: var(--bg-white);
584
+ border: 1px solid var(--border);
585
+ border-radius: 8px;
586
+ overflow: hidden;
587
+ box-shadow: 0 1px 3px rgba(0,0,0,0.06);
588
+ }
589
+
590
+ .pricing-card.featured {
591
+ border-color: var(--accent);
592
+ box-shadow: 0 4px 20px rgba(37,99,235,0.12);
593
+ }
594
+
595
+ .pricing-header {
596
+ padding: 28px 28px 24px;
597
+ border-bottom: 1px solid var(--border);
598
+ }
599
+
600
+ .pricing-card.featured .pricing-header {
601
+ background: var(--accent);
602
+ border-color: var(--accent);
603
+ }
604
+
605
+ .pricing-tier {
606
+ font-size: 12px;
607
+ font-weight: 600;
608
+ letter-spacing: 0.06em;
609
+ text-transform: uppercase;
610
+ color: var(--text-secondary);
611
+ margin-bottom: 12px;
612
+ }
613
+
614
+ .pricing-card.featured .pricing-tier { color: rgba(255,255,255,0.8); }
615
+
616
+ .pricing-price {
617
+ font-size: 36px;
618
+ font-weight: 700;
619
+ color: var(--text-heading);
620
+ letter-spacing: -0.02em;
621
+ display: flex;
622
+ align-items: baseline;
623
+ gap: 4px;
624
+ }
625
+
626
+ .pricing-card.featured .pricing-price { color: white; }
627
+
628
+ .pricing-price-unit {
629
+ font-size: 14px;
630
+ font-weight: 500;
631
+ color: var(--text-muted);
632
+ }
633
+
634
+ .pricing-card.featured .pricing-price-unit { color: rgba(255,255,255,0.7); }
635
+
636
+ .pricing-desc {
637
+ font-size: 13px;
638
+ color: var(--text-secondary);
639
+ margin-top: 8px;
640
+ }
641
+
642
+ .pricing-card.featured .pricing-desc { color: rgba(255,255,255,0.8); }
643
+
644
+ .pricing-body {
645
+ padding: 24px 28px;
646
+ }
647
+
648
+ .pricing-feature-list {
649
+ list-style: none;
650
+ margin-bottom: 24px;
651
+ }
652
+
653
+ .pricing-feature-list li {
654
+ font-size: 13px;
655
+ color: var(--text-body);
656
+ padding: 6px 0;
657
+ display: flex;
658
+ align-items: center;
659
+ gap: 8px;
660
+ border-bottom: 1px solid var(--bg-gray);
661
+ }
662
+
663
+ .pricing-feature-list li::before {
664
+ content: '✓';
665
+ color: var(--green);
666
+ font-weight: 700;
667
+ font-size: 12px;
668
+ flex-shrink: 0;
669
+ }
670
+
671
+ .pricing-feature-list li.unavailable {
672
+ color: var(--text-muted);
673
+ }
674
+
675
+ .pricing-feature-list li.unavailable::before {
676
+ content: '–';
677
+ color: var(--text-muted);
678
+ font-weight: 400;
679
+ }
680
+
681
+ .pricing-cta {
682
+ display: block;
683
+ text-align: center;
684
+ padding: 10px 20px;
685
+ border-radius: 6px;
686
+ font-size: 14px;
687
+ font-weight: 600;
688
+ text-decoration: none;
689
+ cursor: pointer;
690
+ }
691
+
692
+ .pricing-cta.primary {
693
+ background: var(--accent);
694
+ color: white;
695
+ border: none;
696
+ }
697
+
698
+ .pricing-cta.secondary {
699
+ background: var(--bg-white);
700
+ color: var(--accent);
701
+ border: 1px solid var(--accent);
702
+ }
703
+
704
+ .pricing-cta.ghost {
705
+ background: var(--bg-white);
706
+ color: var(--text-body);
707
+ border: 1px solid var(--border);
708
+ }
709
+
710
+ /* Comparison table */
711
+ .compare-table { width: 100%; border-collapse: collapse; background: var(--bg-white); border-radius: 8px; overflow: hidden; border: 1px solid var(--border); }
712
+
713
+ .compare-table th {
714
+ padding: 12px 20px;
715
+ text-align: center;
716
+ font-size: 13px;
717
+ font-weight: 600;
718
+ color: var(--text-heading);
719
+ background: var(--bg-gray);
720
+ border-bottom: 1px solid var(--border);
721
+ }
722
+
723
+ .compare-table th:first-child { text-align: left; }
724
+
725
+ .compare-table td {
726
+ padding: 12px 20px;
727
+ font-size: 13px;
728
+ color: var(--text-body);
729
+ border-bottom: 1px solid var(--bg-gray);
730
+ text-align: center;
731
+ }
732
+
733
+ .compare-table td:first-child { text-align: left; font-weight: 500; color: var(--text-heading); }
734
+
735
+ .check { color: var(--green); font-weight: 700; }
736
+ .cross { color: var(--text-muted); }
737
+
738
+ /* ── CTA SECTION ── */
739
+ .cta-section {
740
+ background: var(--accent);
741
+ padding: 80px 32px;
742
+ text-align: center;
743
+ }
744
+
745
+ .cta-section h2 {
746
+ font-size: 36px;
747
+ font-weight: 700;
748
+ color: white;
749
+ letter-spacing: -0.02em;
750
+ margin-bottom: 16px;
751
+ }
752
+
753
+ .cta-section p {
754
+ font-size: 17px;
755
+ color: rgba(255,255,255,0.8);
756
+ margin-bottom: 36px;
757
+ }
758
+
759
+ .btn-white {
760
+ font-family: 'Inter', sans-serif;
761
+ font-size: 15px;
762
+ font-weight: 600;
763
+ color: var(--accent);
764
+ background: white;
765
+ border: none;
766
+ border-radius: 6px;
767
+ padding: 13px 28px;
768
+ cursor: pointer;
769
+ text-decoration: none;
770
+ display: inline-flex;
771
+ align-items: center;
772
+ gap: 8px;
773
+ }
774
+
775
+ /* ── FOOTER ── */
776
+ footer {
777
+ background: var(--bg-white);
778
+ border-top: 1px solid var(--border);
779
+ padding: 60px 32px 32px;
780
+ }
781
+
782
+ .footer-inner {
783
+ max-width: 1120px;
784
+ margin: 0 auto;
785
+ }
786
+
787
+ .footer-grid {
788
+ display: grid;
789
+ grid-template-columns: 1.5fr 1fr 1fr 1fr;
790
+ gap: 48px;
791
+ margin-bottom: 48px;
792
+ }
793
+
794
+ .footer-brand p {
795
+ font-size: 13px;
796
+ color: var(--text-secondary);
797
+ margin-top: 12px;
798
+ line-height: 1.6;
799
+ max-width: 240px;
800
+ }
801
+
802
+ .footer-col h4 {
803
+ font-size: 12px;
804
+ font-weight: 600;
805
+ color: var(--text-heading);
806
+ letter-spacing: 0.04em;
807
+ text-transform: uppercase;
808
+ margin-bottom: 16px;
809
+ }
810
+
811
+ .footer-col ul { list-style: none; }
812
+
813
+ .footer-col li { margin-bottom: 10px; }
814
+
815
+ .footer-col a {
816
+ font-size: 14px;
817
+ color: var(--text-secondary);
818
+ text-decoration: none;
819
+ }
820
+
821
+ .footer-col a:hover { color: var(--text-heading); }
822
+
823
+ .footer-bottom {
824
+ border-top: 1px solid var(--border);
825
+ padding-top: 24px;
826
+ display: flex;
827
+ justify-content: space-between;
828
+ align-items: center;
829
+ }
830
+
831
+ .footer-bottom-text {
832
+ font-family: 'JetBrains Mono', monospace;
833
+ font-size: 11px;
834
+ color: var(--text-muted);
835
+ }
836
+
837
+ /* MISC */
838
+ .text-center { text-align: center; }
839
+ .mb-8 { margin-bottom: 8px; }
840
+ .mb-16 { margin-bottom: 16px; }
841
+ .mb-24 { margin-bottom: 24px; }
842
+ .mb-48 { margin-bottom: 48px; }
843
+ </style>
844
+ </head>
845
+ <body>
846
+
847
+ <!-- NAV -->
848
+ <nav>
849
+ <a href="#" class="nav-logo">
850
+ <div class="nav-logo-icon">R</div>
851
+ Runbook
852
+ </a>
853
+ <ul class="nav-links">
854
+ <li><a href="#">Product</a></li>
855
+ <li><a href="#">Integrations</a></li>
856
+ <li><a href="#">Pricing</a></li>
857
+ <li><a href="#">Docs</a></li>
858
+ </ul>
859
+ <div class="nav-actions">
860
+ <a href="#" class="btn-ghost">Sign in</a>
861
+ <a href="#" class="btn-primary">Start free</a>
862
+ </div>
863
+ </nav>
864
+
865
+ <!-- HERO -->
866
+ <div class="hero">
867
+ <div class="hero-inner">
868
+ <span class="overline">Incident Management / For Engineering Teams</span>
869
+ <h1>Resolve incidents faster. Ship with confidence.</h1>
870
+ <p class="hero-sub">Runbook gives on-call engineers a single pane of glass — from alert to postmortem, without the chaos.</p>
871
+ <div class="hero-ctas">
872
+ <a href="#" class="btn-primary-lg">Start free trial →</a>
873
+ <a href="#" class="btn-ghost-lg">View live demo</a>
874
+ </div>
875
+
876
+ <!-- Dashboard mock -->
877
+ <div class="dashboard-mock">
878
+ <div class="mock-topbar">
879
+ <div class="mock-dot red"></div>
880
+ <div class="mock-dot yellow"></div>
881
+ <div class="mock-dot green"></div>
882
+ <div class="mock-bar"><span class="mock-bar-text">app.runbook.io/incidents</span></div>
883
+ </div>
884
+ <div class="mock-body">
885
+ <div class="mock-sidebar">
886
+ <div class="mock-sidebar-item active">
887
+ <div class="mock-sidebar-icon"></div>
888
+ Incidents
889
+ </div>
890
+ <div class="mock-sidebar-item">
891
+ <div class="mock-sidebar-icon"></div>
892
+ On-call
893
+ </div>
894
+ <div class="mock-sidebar-item">
895
+ <div class="mock-sidebar-icon"></div>
896
+ Runbooks
897
+ </div>
898
+ <div class="mock-sidebar-item">
899
+ <div class="mock-sidebar-icon"></div>
900
+ Postmortems
901
+ </div>
902
+ <div class="mock-sidebar-item">
903
+ <div class="mock-sidebar-icon"></div>
904
+ Integrations
905
+ </div>
906
+ <div class="mock-sidebar-item">
907
+ <div class="mock-sidebar-icon"></div>
908
+ Analytics
909
+ </div>
910
+ </div>
911
+ <div class="mock-main">
912
+ <div class="mock-table-header">
913
+ <span class="mock-table-title">Active Incidents</span>
914
+ <span class="mock-badge">3 open</span>
915
+ </div>
916
+ <table class="mock-table">
917
+ <thead>
918
+ <tr>
919
+ <th>Status</th>
920
+ <th>Title</th>
921
+ <th>Severity</th>
922
+ <th>Assignee</th>
923
+ <th>Duration</th>
924
+ </tr>
925
+ </thead>
926
+ <tbody>
927
+ <tr>
928
+ <td><span class="status-dot critical">Critical</span></td>
929
+ <td>API gateway latency spike — prod</td>
930
+ <td><span class="severity-tag sev-p1">P1</span></td>
931
+ <td>Sarah K.</td>
932
+ <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red)">00:14:33</span></td>
933
+ </tr>
934
+ <tr>
935
+ <td><span class="status-dot warning">Monitoring</span></td>
936
+ <td>Elevated error rate — payment service</td>
937
+ <td><span class="severity-tag sev-p2">P2</span></td>
938
+ <td>Marcus L.</td>
939
+ <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow)">01:02:17</span></td>
940
+ </tr>
941
+ <tr>
942
+ <td><span class="status-dot monitoring">Investigating</span></td>
943
+ <td>CDN cache miss ratio above threshold</td>
944
+ <td><span class="severity-tag sev-p3">P3</span></td>
945
+ <td>Priya M.</td>
946
+ <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent)">00:28:05</span></td>
947
+ </tr>
948
+ <tr>
949
+ <td><span class="status-dot resolved">Resolved</span></td>
950
+ <td>Database connection pool exhausted</td>
951
+ <td><span class="severity-tag sev-p2">P2</span></td>
952
+ <td>James T.</td>
953
+ <td><span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green)">Resolved</span></td>
954
+ </tr>
955
+ </tbody>
956
+ </table>
957
+ </div>
958
+ </div>
959
+ </div>
960
+ </div>
961
+ </div>
962
+
963
+ <!-- TRUSTED BY -->
964
+ <div class="trusted">
965
+ <p class="trusted-label">Trusted by 1,200+ engineering teams worldwide</p>
966
+ <div class="logos-row">
967
+ <span class="logo-name">Streamline</span>
968
+ <span class="logo-name">Northvault</span>
969
+ <span class="logo-name">Cascadeio</span>
970
+ <span class="logo-name">Meridian</span>
971
+ <span class="logo-name">Apertive</span>
972
+ </div>
973
+ </div>
974
+
975
+ <!-- FEATURES -->
976
+ <section class="features">
977
+ <div class="container">
978
+ <span class="section-label">Product</span>
979
+ <h2 class="section-heading">Everything you need during an incident</h2>
980
+ <p class="section-sub">Built for speed and clarity when pressure is highest.</p>
981
+
982
+ <div class="features-grid">
983
+ <div class="feature-card featured">
984
+ <div class="feature-icon">⚡</div>
985
+ <h3>Instant Alert Routing</h3>
986
+ <p>Connect PagerDuty, Datadog, or Grafana. Alerts land in Slack in seconds with full context attached.</p>
987
+ </div>
988
+ <div class="feature-card">
989
+ <div class="feature-icon">📋</div>
990
+ <h3>Runbook Automation</h3>
991
+ <p>Auto-surface the right runbook for each incident type. Reduce time-to-action from minutes to seconds.</p>
992
+ </div>
993
+ <div class="feature-card">
994
+ <div class="feature-icon">🧭</div>
995
+ <h3>Incident Commander</h3>
996
+ <p>Assign roles, track actions, and maintain a clean timeline — all from one command center.</p>
997
+ </div>
998
+ <div class="feature-card">
999
+ <div class="feature-icon">📊</div>
1000
+ <h3>Postmortem Generator</h3>
1001
+ <p>One-click postmortems with a full incident timeline, action log, and customizable templates.</p>
1002
+ </div>
1003
+ <div class="feature-card">
1004
+ <div class="feature-icon">🔔</div>
1005
+ <h3>On-Call Scheduling</h3>
1006
+ <p>Visual schedules, overrides, and escalation policies. No spreadsheet needed.</p>
1007
+ </div>
1008
+ <div class="feature-card">
1009
+ <div class="feature-icon">📈</div>
1010
+ <h3>MTTR Analytics</h3>
1011
+ <p>Track MTTA, MTTR, and incident frequency. Spot patterns before they become outages.</p>
1012
+ </div>
1013
+ </div>
1014
+ </div>
1015
+ </section>
1016
+
1017
+ <!-- METRICS -->
1018
+ <div class="metrics">
1019
+ <div class="metrics-row">
1020
+ <div class="metric-cell">
1021
+ <div class="metric-value">99.9%</div>
1022
+ <div class="metric-label">Uptime SLA</div>
1023
+ <div class="metric-sub">Guaranteed reliability</div>
1024
+ </div>
1025
+ <div class="metric-cell">
1026
+ <div class="metric-value">&lt; 5 min</div>
1027
+ <div class="metric-label">Median MTTR</div>
1028
+ <div class="metric-sub">Across all customers</div>
1029
+ </div>
1030
+ <div class="metric-cell">
1031
+ <div class="metric-value">10,000+</div>
1032
+ <div class="metric-label">Incidents resolved</div>
1033
+ <div class="metric-sub">In the last 30 days</div>
1034
+ </div>
1035
+ </div>
1036
+ </div>
1037
+
1038
+ <!-- TESTIMONIAL -->
1039
+ <section class="testimonial-section">
1040
+ <div class="container">
1041
+ <div class="testimonial-card">
1042
+ <p class="testimonial-quote">"Runbook cut our mean time to resolution in half. The runbook automation feature alone is worth the subscription — our junior engineers can handle incidents that used to require senior escalation."</p>
1043
+ <div class="testimonial-author">
1044
+ <div class="author-avatar">SK</div>
1045
+ <div>
1046
+ <div class="author-name">Sarah Kim</div>
1047
+ <div class="author-role">Director of Engineering @ Streamline</div>
1048
+ </div>
1049
+ </div>
1050
+ </div>
1051
+ </div>
1052
+ </section>
1053
+
1054
+ <!-- PRICING -->
1055
+ <section class="pricing">
1056
+ <div class="container">
1057
+ <div class="text-center mb-48">
1058
+ <span class="section-label">Pricing</span>
1059
+ <h2 class="section-heading">Simple, transparent pricing</h2>
1060
+ <p class="section-sub" style="margin: 0 auto;">Start free. Scale as your team grows.</p>
1061
+ </div>
1062
+
1063
+ <div class="pricing-grid">
1064
+ <div class="pricing-card">
1065
+ <div class="pricing-header">
1066
+ <div class="pricing-tier">Free</div>
1067
+ <div class="pricing-price">$0 <span class="pricing-price-unit">/ month</span></div>
1068
+ <div class="pricing-desc">For small teams getting started</div>
1069
+ </div>
1070
+ <div class="pricing-body">
1071
+ <ul class="pricing-feature-list">
1072
+ <li>Up to 5 users</li>
1073
+ <li>50 incidents / month</li>
1074
+ <li>Basic runbooks</li>
1075
+ <li>Slack integration</li>
1076
+ <li class="unavailable">Custom escalation policies</li>
1077
+ <li class="unavailable">Analytics dashboard</li>
1078
+ <li class="unavailable">Postmortem templates</li>
1079
+ </ul>
1080
+ <a href="#" class="pricing-cta ghost">Get started free</a>
1081
+ </div>
1082
+ </div>
1083
+
1084
+ <div class="pricing-card featured">
1085
+ <div class="pricing-header">
1086
+ <div class="pricing-tier">Pro</div>
1087
+ <div class="pricing-price">$29 <span class="pricing-price-unit">/ user / mo</span></div>
1088
+ <div class="pricing-desc">For growing engineering teams</div>
1089
+ </div>
1090
+ <div class="pricing-body">
1091
+ <ul class="pricing-feature-list">
1092
+ <li>Unlimited users</li>
1093
+ <li>Unlimited incidents</li>
1094
+ <li>Advanced runbooks</li>
1095
+ <li>All integrations</li>
1096
+ <li>Custom escalation policies</li>
1097
+ <li>Analytics dashboard</li>
1098
+ <li>Postmortem templates</li>
1099
+ </ul>
1100
+ <a href="#" class="pricing-cta primary">Start free trial</a>
1101
+ </div>
1102
+ </div>
1103
+
1104
+ <div class="pricing-card">
1105
+ <div class="pricing-header">
1106
+ <div class="pricing-tier">Enterprise</div>
1107
+ <div class="pricing-price">Custom</div>
1108
+ <div class="pricing-desc">For large orgs with specific needs</div>
1109
+ </div>
1110
+ <div class="pricing-body">
1111
+ <ul class="pricing-feature-list">
1112
+ <li>Everything in Pro</li>
1113
+ <li>SSO / SAML</li>
1114
+ <li>Audit logs</li>
1115
+ <li>SLA guarantees</li>
1116
+ <li>Dedicated CSM</li>
1117
+ <li>Custom integrations</li>
1118
+ <li>On-prem deployment</li>
1119
+ </ul>
1120
+ <a href="#" class="pricing-cta secondary">Contact sales</a>
1121
+ </div>
1122
+ </div>
1123
+ </div>
1124
+
1125
+ <table class="compare-table">
1126
+ <thead>
1127
+ <tr>
1128
+ <th>Feature</th>
1129
+ <th>Free</th>
1130
+ <th>Pro</th>
1131
+ <th>Enterprise</th>
1132
+ </tr>
1133
+ </thead>
1134
+ <tbody>
1135
+ <tr><td>Incident tracking</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
1136
+ <tr><td>Slack / Teams alerts</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
1137
+ <tr><td>Custom runbooks</td><td class="cross">—</td><td class="check">✓</td><td class="check">✓</td></tr>
1138
+ <tr><td>MTTR analytics</td><td class="cross">—</td><td class="check">✓</td><td class="check">✓</td></tr>
1139
+ <tr><td>SSO / SAML</td><td class="cross">—</td><td class="cross">—</td><td class="check">✓</td></tr>
1140
+ <tr><td>Dedicated support</td><td class="cross">—</td><td class="cross">—</td><td class="check">✓</td></tr>
1141
+ </tbody>
1142
+ </table>
1143
+ </div>
1144
+ </section>
1145
+
1146
+ <!-- CTA -->
1147
+ <div class="cta-section">
1148
+ <div class="container">
1149
+ <h2>Ready to stop firefighting?</h2>
1150
+ <p>Join 1,200+ engineering teams that resolve incidents faster with Runbook.</p>
1151
+ <a href="#" class="btn-white">Start your free trial — no credit card required →</a>
1152
+ </div>
1153
+ </div>
1154
+
1155
+ <!-- FOOTER -->
1156
+ <footer>
1157
+ <div class="footer-inner">
1158
+ <div class="footer-grid">
1159
+ <div class="footer-brand">
1160
+ <a href="#" class="nav-logo" style="display:inline-flex;">
1161
+ <div class="nav-logo-icon">R</div>
1162
+ Runbook
1163
+ </a>
1164
+ <p>Incident management built for engineering teams who care about reliability.</p>
1165
+ </div>
1166
+ <div class="footer-col">
1167
+ <h4>Product</h4>
1168
+ <ul>
1169
+ <li><a href="#">Features</a></li>
1170
+ <li><a href="#">Integrations</a></li>
1171
+ <li><a href="#">Changelog</a></li>
1172
+ <li><a href="#">Roadmap</a></li>
1173
+ </ul>
1174
+ </div>
1175
+ <div class="footer-col">
1176
+ <h4>Resources</h4>
1177
+ <ul>
1178
+ <li><a href="#">Documentation</a></li>
1179
+ <li><a href="#">API Reference</a></li>
1180
+ <li><a href="#">Status Page</a></li>
1181
+ <li><a href="#">Blog</a></li>
1182
+ </ul>
1183
+ </div>
1184
+ <div class="footer-col">
1185
+ <h4>Company</h4>
1186
+ <ul>
1187
+ <li><a href="#">About</a></li>
1188
+ <li><a href="#">Careers</a></li>
1189
+ <li><a href="#">Security</a></li>
1190
+ <li><a href="#">Privacy</a></li>
1191
+ </ul>
1192
+ </div>
1193
+ </div>
1194
+ <div class="footer-bottom">
1195
+ <span class="footer-bottom-text">© 2024 Runbook, Inc. All rights reserved.</span>
1196
+ <span class="footer-bottom-text">Clean SaaS UI — Design Skill Preview</span>
1197
+ </div>
1198
+ </div>
1199
+ </footer>
1200
+
1201
+ </body>
1202
+ </html>