The framework

AI is the top of a pyramid,
not a shortcut.

Structured data and interconnected systems are non-negotiables: every layer below AI multiplies — or caps — the value of everything above it. You can't leapfrog the layers. You can speed-run them.

01 — The five layers

Click a layer. See why it can't be skipped.

02 — The leapfrog simulator

Your weakest layer sets your AI ceiling.

AI value realised is gated by the least-built layer underneath it, and scaled by the foundation that has to support and adopt it — culture and infrastructure alike. Try to leapfrog — the math pushes back.

0
AI value realised (of 100 possible)
AI INVESTMENT0
VALUE REALISED0
SPEND WASTED0
03 — Sequence vs speed

The order is physics. The pace is leadership.

Both organisations build the same layers in the same order — skipping isn't on the menu. The difference is that one treats each layer as a decade-long program, and one runs them as focused, overlapping sprints.

Speed-running is not skipping. The fast stack still digitises before it structures, structures before it connects, connects before it automates. It just refuses to wait between layers — modern tooling (OCR, SaaS, iPaaS, RPA, foundation models) compresses each one from years to quarters. LLMs and chatbots are the most accessible of these: most teams can put one to work against their own documents, tickets, and workflows within days — at every layer, not just the top one.
Next step

Where does your pyramid stand?

Take the self-assessment: 28 statements, scored per category, with your weakest layer — your AI ceiling — called out.

Assess your digital maturity →
`; } document.getElementById('sim-download-btn').addEventListener('click', () => { const html = buildSummaryHTML(); const blob = new Blob([html], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); const stamp = new Date().toISOString().slice(0, 10); a.href = url; a.download = `leapfrog-summary-${stamp}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }); // ---------- Timelines ---------- const segments = ['DIGITISE', 'DIGITALISE', 'CONNECT', 'AUTOMATE', 'AI']; const blues = ['rgba(61,139,255,0.25)', 'rgba(61,139,255,0.4)', 'rgba(61,139,255,0.55)', 'rgba(61,139,255,0.7)', 'rgba(61,139,255,0.9)']; const timelines = document.getElementById('timelines'); function renderTimeline(label, years, totalYears) { const total = years.reduce((a, b) => a + b, 0); let html = `
${label}
`; years.forEach((y, i) => { html += `
${segments[i]}
`; }); if (total < totalYears) { html += `
COMPOUNDING AI RETURNS →
`; } html += '
'; return html; } timelines.innerHTML = renderTimeline('THE SLOW STACK — 10 YEARS, SEQUENTIAL PROGRAMS', [2.5, 2.5, 2, 2, 1], 10) + renderTimeline('THE SPEED RUN — SAME ORDER, FOCUSED SPRINTS, ~2.5 YEARS', [0.5, 0.6, 0.5, 0.5, 0.4], 10);