← Back to catalog
🎨 AI Marketing Infographic Generator 🎯 marketing 📅 2026-05-24

Customer Journey Map Interaction Design Foundation KPI

Modern dark-mode infographic for growth-stage SaaS showing a horizontal KPI stack from acquisition to expansion, with sharp readable metrics and churn vs retention signals. This customer journey map interaction design foundation visual uses neon accents, clean icons, and a minimal corporate brand style for marketing content.

📚 See all “customer journey map interaction design foundation” images →

Dark-mode SaaS KPI infographic with 6 connected layers, churn vs retention metrics, and a side comparison panel.
📐
Resolution1024 × 1024 px
🔢
Ratio1024x1024
💾
File size172 KB
🎨
StyleAI Marketing Infographic Generator
🎯
Use casemarketing
📅
Generated2026-05-24
🌐
LanguageEnglish (EN)
🔎
SEO targetcustomer journey map interaction design foundation
Full generation prompt Click to expand
Modern marketing infographic titled "Churn vs Retention Metrics" using a KPI dashboard archetype adapted as a tech stack diagram for growth-stage SaaS, with 6 connected blocks shown in a horizontal layered flow layout, dark-mode canvas, clear connector arrows between blocks, and all numbers, labels and arrows must be sharp and readable. Blocks to render exactly as on-image text: 1) "Acquisition Layer" — caption "New user sources" — metric "12 000 Signups" — icon brief: neon outline user-plus and channel nodes. 2) "Activation Layer" — caption "Reached first value" — metric "68% Activated" — icon brief: lightning bolt inside app window. 3) "Engagement Layer" — caption "Weekly active usage" — metric "54% WAU" — icon brief: pulse line and cursor clicks. 4) "Retention Layer" — caption "Stayed after 90 days" — metric "41% Retained" — icon brief: shield with circular arrow. 5) "Churn Layer" — caption "Canceled or inactive" — metric "8% Monthly Churn" — icon brief: broken link and downward arrow. 6) "Expansion Layer" — caption "Upgrades and renewals" — metric "19% Expansion MRR" — icon brief: stacked bars with upward arrow. Include a side comparison panel with two concise summary cards: "Retention Signals" — caption "Activation, engagement, renewals" — icon brief: shield, heart, repeat arrows; and "Churn Signals" — caption "Drop-off, inactivity, cancellations" — icon brief: warning triangle, fading user, exit arrow. Add subtle sectional headers such as "Data Sources", "Product Metrics", and "Revenue Outcomes" to reinforce the tech stack structure, using generic platform boxes only, no real logos, no real UI screenshots. Visual style: minimal corporate, dark charcoal and deep navy background, neon cyan and electric green accents for positive metrics, neon magenta and amber accents for churn risk, clean sans-serif typography, bold headlines, balanced spacing, editorial-quality vector illustration, flat-design icons, clean grid composition. All text MUST be written in English (array). Every heading, label, caption, legend and metric name in the image must be in English — not English. Spell each English word correctly using English characters and diacritics. Numbers stay as digits, no watermarks, no real brand logos No real brand logos, no real product UI screenshots, no celebrity faces. Use generic placeholder labels (Brand A, Page B) where a specific company would otherwise appear. Numbers should be plausible illustrative examples, not claims about any real company.