{
  "id": "value-flow",
  "name": "Value Flow — Van Stem naar Structuur",
  "version": "1.0",
  "created": "2025-01-05",
  "purpose": "Snel begrip voor zorgdirectie en zorgprofessionals. 'Ik snap het in 5 seconden.'",
  "primary_audience": ["Zorgdirectie", "Zorgprofessionals"],
  "core_message": "Van 2 minuten typen naar 8 seconden spreken",
  "format": {
    "aspect_ratio": "3:1",
    "resolution": "1920x640px",
    "variants": {
      "static": {
        "format": "PNG/SVG",
        "use": "Website banner, email header"
      },
      "animated": {
        "format": "MP4/GIF",
        "duration": "10 seconds loop",
        "use": "Trade shows, LinkedIn, waiting room displays"
      },
      "print": {
        "format": "PDF",
        "size": "A3 landscape",
        "use": "Posters, handouts"
      }
    }
  },
  "brand_colors": {
    "step1": {
      "primary": "#F59E0B",
      "background": "#FFFBEB",
      "description": "Warm, human, organic"
    },
    "step2": {
      "primary": "#0F766E",
      "background": "#F0FDFA",
      "description": "Teal, neural, processing"
    },
    "step3": {
      "primary": "#16A34A",
      "background": "#ECFDF5",
      "description": "Green, success, organized"
    },
    "connectors": "#CBD5E1",
    "text_primary": "#0F172A",
    "text_secondary": "#475569"
  },
  "key_metrics": [
    {
      "value": "8 sec",
      "comparison": "vs 2 min typen",
      "meaning": "Tijdsbesparing per notitie",
      "placement": "Step 1"
    },
    {
      "value": "<20ms",
      "label": "verwerking",
      "meaning": "Verwerkingssnelheid Cortex",
      "placement": "Step 2"
    },
    {
      "value": "70%",
      "label": "minder administratie",
      "meaning": "Reductie administratieve last",
      "placement": "Step 3"
    }
  ],
  "steps": [
    {
      "number": 1,
      "id": "input",
      "title": "Inspreken",
      "subtitle": "Natuurlijke taal",
      "icon": "user-voice",
      "icon_alternatives": ["mic", "message-circle"],
      "visual": "Healthcare worker silhouette speaking, sound waves emanating",
      "example_input": {
        "text": "\"Mevrouw Jansen heeft goed geslapen en zelfstandig ontbeten\"",
        "context": "Verpleegkundige tijdens ochtendronde"
      },
      "metric": {
        "primary": "8 seconden",
        "comparison": "vs 2 min typen",
        "icon": "clock"
      },
      "benefits": [
        "Geen formulieren invullen",
        "Hands-free tijdens zorg",
        "Natuurlijke workflow"
      ],
      "color_zone": {
        "style": "warm, human, organic shapes",
        "gradient": "from amber-50 to white"
      }
    },
    {
      "number": 2,
      "id": "processing",
      "title": "Verwerking",
      "subtitle": "Cortex AI",
      "icon": "cpu",
      "icon_alternatives": ["brain", "sparkles"],
      "visual": "Abstract neural pattern, processing indicators, data extraction visualization",
      "extracted_data": {
        "patient": "Jansen",
        "type": "Observatie",
        "category": "ADL",
        "shift": "Ochtend",
        "sentiment": "Positief"
      },
      "metric": {
        "primary": "<20ms",
        "label": "verwerking",
        "icon": "zap"
      },
      "benefits": [
        "Automatische classificatie",
        "Geen handmatige invoer",
        "Context-aware herkenning"
      ],
      "color_zone": {
        "style": "teal, neural, technological but approachable",
        "gradient": "teal-50 center glow"
      }
    },
    {
      "number": 3,
      "id": "output",
      "title": "Resultaat",
      "subtitle": "Gestructureerd in EPD",
      "icon": "clipboard-check",
      "icon_alternatives": ["file-check", "check-circle"],
      "visual": "Clean data card with checkmark, organized fields, success state",
      "output_card": {
        "header": "Verpleegkundige notitie",
        "fields": [
          { "label": "Patient", "value": "Mw. Jansen" },
          { "label": "Type", "value": "ADL Observatie" },
          { "label": "Dienst", "value": "Ochtend" },
          { "label": "Status", "value": "✓ Opgeslagen" }
        ]
      },
      "metric": {
        "primary": "70%",
        "label": "minder administratie",
        "icon": "trending-down"
      },
      "benefits": [
        "Direct klaar voor overdracht",
        "Automatische rapportages",
        "Data voor analytics"
      ],
      "color_zone": {
        "style": "clean, organized, success",
        "gradient": "to green-50"
      }
    }
  ],
  "connectors": {
    "style": "curved arrows with gradient",
    "animation": {
      "type": "flow",
      "direction": "left to right",
      "duration": "1.5s per connector",
      "easing": "ease-in-out"
    },
    "labels": {
      "1_to_2": "Cortex luistert",
      "2_to_3": "Automatisch gestructureerd"
    }
  },
  "animation_spec": {
    "total_duration": "10 seconds",
    "loop": true,
    "timeline": [
      { "time": "0-2s", "action": "Step 1 appears, sound waves animate" },
      { "time": "2-3s", "action": "Connector 1→2 animates, text flows" },
      { "time": "3-5s", "action": "Step 2 processing animation, data extraction" },
      { "time": "5-6s", "action": "Connector 2→3 animates" },
      { "time": "6-8s", "action": "Step 3 card assembles, checkmark appears" },
      { "time": "8-10s", "action": "Hold complete state, metrics pulse" }
    ]
  },
  "platforms": {
    "figma": {
      "instructions": "Create 3 frames for steps, use Smart Animate for prototype. Auto Layout horizontal with 48px gap.",
      "components": [
        "Step Card (variant for each step)",
        "Connector Arrow (with optional label)",
        "Metric Badge",
        "Benefit List"
      ]
    },
    "after_effects": {
      "instructions": "Use shape layers for cards, animate along motion path for connectors. Lottie export for web.",
      "effects": [
        "Sound wave: repeating sine wave path animation",
        "Processing: rotating gradient, particle system",
        "Success: scale bounce on checkmark"
      ]
    },
    "canva": {
      "instructions": "Use brand kit for colors. Animate elements with built-in animations. Export as MP4 for social.",
      "template": "Infographic horizontal layout"
    },
    "html_css": {
      "instructions": "CSS Grid 3-column layout. CSS animations for connectors. Intersection Observer for scroll-triggered animation.",
      "framework": "Framer Motion or GSAP for React"
    }
  },
  "text_content": {
    "headline": "Van Stem naar Structuur",
    "subheadline": "Cortex transformeert natuurlijke taal naar gestructureerde zorgdata",
    "cta": "Bekijk demo →",
    "footer_stats": "8 sec inspreken • <20ms verwerking • 70% minder administratie"
  },
  "accessibility": {
    "alt_text": "Infographic die laat zien hoe Cortex spraak omzet naar gestructureerde EPD-data in drie stappen: 1) Zorgverlener spreekt notitie in (8 seconden), 2) Cortex AI verwerkt en classificeert (<20ms), 3) Gestructureerde data verschijnt in EPD (70% minder administratie)",
    "contrast": "All text meets WCAG AA (4.5:1 minimum)",
    "reduced_motion": "Provide static fallback for prefers-reduced-motion"
  }
}
