Context Slice Health Score Gauge
Use for: Customer dashboards, QBR slides, account health summaries
Base prompt template:
A clean, modern dashboard-style health score gauge visualization.
Semicircular gauge meter with color zones: red (0-39), orange (40-59), yellow (60-79), green (80-100).
The needle points to [score] in the [color] zone.
Large, bold number "[score]" displayed below the gauge.
Labels for each zone: "Critical", "At Risk", "Needs Attention", "Healthy".
Minimalist corporate design, suitable for a customer success dashboard or QBR slide.
White background, subtle drop shadow on the gauge.
Professional, clean lines, no decorative elements.Customization points:
- Score value (0-100)
- Zone labels (can customize to company terminology)
- Color scheme (standard traffic light or custom)
- With or without trend indicator
Customer Journey Map
Use for: Lifecycle documentation, onboarding guides, customer-facing materials
Base prompt template:
A horizontal customer journey map infographic with [N] lifecycle stages.
Stages from left to right: [Stage 1], [Stage 2], [Stage 3], [Stage 4], [Stage 5].
Each stage is a distinct section connected by arrows or a flowing path.
Icons above each stage representing the key activity: [icon hints].
Below each stage, small text area for touchpoints (shown as placeholder lines).
Professional, modern flat design with soft colors.
Color progression from [start color] to [end color] across the journey.
Clean white background, suitable for internal documentation or customer-facing deck.
Landscape orientation, clear visual hierarchy.Default stages: Onboarding → Adoption → Value Realization → Expansion → Renewal
Common icons:
- Onboarding: handshake, checklist, rocket
- Adoption: graph trending up, users, lightbulb
- Value Realization: trophy, target, checkmark
- Expansion: plus sign, growth arrows, puzzle pieces
- Renewal: circular arrows, calendar, contract
Customization points:
- Number of stages (4-6 typical)
- Stage names (match company lifecycle model)
- Color scheme
- Icon style
Escalation Process Flow
Use for: Internal wikis, playbooks, team training materials
Base prompt template:
A vertical flowchart diagram showing a 3-tier escalation process.
Top tier: "[Tier 1 Label]" - first responder level
Middle tier: "[Tier 2 Label]" - escalation level
Bottom tier: "[Tier 3 Label]" - executive/critical level
Each tier is a horizontal band with a distinct color: [Tier 1 color], [Tier 2 color], [Tier 3 color].
Arrows pointing downward between tiers showing escalation path.
Small icons or badges indicating severity: Low, Medium, High, Critical.
Decision points shown as diamond shapes with Yes/No paths.
Clean, minimal flowchart style suitable for an internal wiki or playbook.
White background, professional corporate aesthetic.Default tiers:
- Tier 1: CSM (green)
- Tier 2: CS Manager + Support (yellow)
- Tier 3: VP CS + Engineering (red)
Customization points:
- Tier labels and roles
- Number of tiers (2-4)
- Severity levels
- Color coding
- Decision criteria
Customer Maturity Model
Use for: Strategic planning, customer segmentation, success playbooks
Base prompt template:
A horizontal maturity model diagram with [N] stages of customer progression.
Stages from left to right: [Stage 1], [Stage 2], [Stage 3], [Stage 4].
Each stage is a distinct column or step, increasing in height from left to right.
Visual metaphor: staircase, ascending blocks, or growth curve.
Each stage has a title and 2-3 bullet point placeholders below.
Color progression from lighter to darker (or cool to warm) showing advancement.
Professional, modern infographic style.
Clean typography, suitable for a strategy presentation or customer playbook.
White or light gray background, landscape orientation.Default stages:
- Stage 1: "Getting Started" - Basic setup, learning the product
- Stage 2: "Growing" - Core use case adopted, expanding users
- Stage 3: "Scaling" - Multiple use cases, deep integration
- Stage 4: "Optimizing" - Strategic partner, driving innovation
Customization points:
- Number of stages (3-5)
- Stage names and descriptions
- Visual metaphor (stairs, blocks, curve)
- Color scheme
- Industry-specific terminology
General Style Guidelines
- Dashboard visuals: Use clean, flat design with subtle shadows—looks native to modern SaaS dashboards
- Process diagrams: Flowchart style with clear directional arrows and decision points
- Journey maps: Horizontal flow, left-to-right progression, icons for quick scanning
- Maturity models: Ascending visual metaphor (stairs, growth) to show progression
- Colors: Use traffic light convention for health (red/yellow/green) unless specified otherwise
- Text: Keep text minimal—AI text rendering is imperfect, use placeholders
- Background: White or light gray for versatility in different contexts
- Orientation: Landscape for presentations, portrait for wiki/documentation