[
  {
    "id": "landing-01-hero-interactive-preview",
    "src": "/assets/landing-01-hero-interactive-preview.png",
    "alt": "Interactive Vector Route Canvas for RideFlow",
    "role": "Interactive Vector Route Canvas",
    "width": 1600,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/*",
    "sectionId": "hero-interactive-preview",
    "usage": "High-contrast light slate canvas (#f8fafc) with crisp border enclosure around vector route preview. Telemetry blue accents draw eyes to pickup actions.",
    "cropFocus": "Keep the primary subject in the central-right safe area so concise hero copy can sit to the left"
  },
  {
    "id": "landing-02-dual-role-workstation-overview",
    "src": "/assets/landing-02-dual-role-workstation-overview.png",
    "alt": "Passenger Booking Interface Vector Diagram for RideFlow",
    "role": "Passenger Booking Interface Vector Diagram",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/*",
    "sectionId": "dual-role-workstation-overview",
    "usage": "Side-by-side elevated slate cards with 1px border outlines (#cbd5e1), signal badges in emerald green and telemetry blue.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "landing-03-live-telemetry-capabilities",
    "src": "/assets/landing-03-live-telemetry-capabilities.png",
    "alt": "Highlight technical platform reliability including GPS location sharing, for RideFlow",
    "role": "Highlight technical platform reliability including GPS location sharing,",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/*",
    "sectionId": "live-telemetry-capabilities",
    "usage": "Full-bleed muted slate strip (#f1f5f9) delimited by sharp top and bottom hairline borders (#e2e8f0).",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "landing-04-safety-companion-framework",
    "src": "/assets/landing-04-safety-companion-framework.png",
    "alt": "Companion Safety Verification Badge Graphic for RideFlow",
    "role": "Companion Safety Verification Badge Graphic",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/*",
    "sectionId": "safety-companion-framework",
    "usage": "Deep dark inverse surface (#0f172a) with crisp white typography and emerald verification accents for high visual contrast.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "application-01-role-selection",
    "src": "/assets/application-01-role-selection.png",
    "alt": "Vehicle silhouette visual orientation for RideFlow",
    "role": "Vehicle silhouette visual orientation",
    "width": 1000,
    "height": 1000,
    "surfaceId": "application",
    "screenRoute": "/app/onboarding",
    "sectionId": "role-selection",
    "usage": "Crisp white bordered surface with signal indigo selected state",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "application-02-driver-vehicle-form",
    "src": "/assets/application-02-driver-vehicle-form.png",
    "alt": "Collect driver vehicle make, model, license plate, and color visual for RideFlow",
    "role": "Collect driver vehicle make, model, license plate, and color visual",
    "width": 1000,
    "height": 1000,
    "surfaceId": "application",
    "screenRoute": "/app/onboarding",
    "sectionId": "driver-vehicle-form",
    "usage": "Muted slate inset form field group with distinct border boundaries",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "admin-01-admin-kpi-summary",
    "src": "/assets/admin-01-admin-kpi-summary.png",
    "alt": "Display top-level system stats including total users, online drivers, system for RideFlow",
    "role": "Display top-level system stats including total users, online drivers, system",
    "width": 1000,
    "height": 1000,
    "surfaceId": "admin",
    "screenRoute": "/admin",
    "sectionId": "admin-kpi-summary",
    "usage": "Slate container with crisp subtle borders, emerald telemetry badge indicators, and high-contrast bold typography.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  }
]