[
  {
    "id": "landing-01-hero-split",
    "src": "/assets/landing-01-hero-split.png",
    "alt": "Hero food photography with dark gradient contrast overlay for EatIt",
    "role": "Hero food photography with dark gradient contrast overlay",
    "width": 1600,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/",
    "sectionId": "hero-split",
    "usage": "Limestone background with primary dark slate text, paprika accent button, and high-contrast telemetry card wrapper.",
    "cropFocus": "Keep the primary subject in the central-right safe area so concise hero copy can sit to the left"
  },
  {
    "id": "landing-02-role-pathways",
    "src": "/assets/landing-02-role-pathways.png",
    "alt": "Role pathway visual cards showing kitchen and delivery operational context for EatIt",
    "role": "Role pathway visual cards showing kitchen and delivery operational context",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/",
    "sectionId": "role-pathways",
    "usage": "Elevated white surface cards over limestone base with subtle slate borders and distinct semantic badges.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "landing-03-workflow-timeline",
    "src": "/assets/landing-03-workflow-timeline.png",
    "alt": "Illustrate the step-by-step unskippable lifecycle of an order from placement to for EatIt",
    "role": "Illustrate the step-by-step unskippable lifecycle of an order from placement to",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/",
    "sectionId": "workflow-timeline",
    "usage": "Warm limestone band with structured line dividers and step badges in accent paprika and slate tones.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "landing-04-auth-callout",
    "src": "/assets/landing-04-auth-callout.png",
    "alt": "Provide final conversion gateway encouraging users to sign in and choose their for EatIt",
    "role": "Provide final conversion gateway encouraging users to sign in and choose their",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/",
    "sectionId": "auth-callout",
    "usage": "Dark slate inverse surface (#16181B) with bright white text and warm paprika CTA button.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "application-01-role-selection-grid",
    "src": "/assets/application-01-role-selection-grid.png",
    "alt": "Role vector icons for EatIt",
    "role": "Role vector icons",
    "width": 1000,
    "height": 1000,
    "surfaceId": "application",
    "screenRoute": "/app/onboarding",
    "sectionId": "role-selection-grid",
    "usage": "Solid white card surfaces over warm limestone base with 1px slate borders.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "application-02-discovery-filter-strip",
    "src": "/assets/application-02-discovery-filter-strip.png",
    "alt": "Filter and search local dining options visual for EatIt",
    "role": "Filter and search local dining options visual",
    "width": 1000,
    "height": 1000,
    "surfaceId": "application",
    "screenRoute": "/app",
    "sectionId": "discovery-filter-strip",
    "usage": "Limestone sticky bar with subtle 1px border separator.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "admin-01-admin-auth-header",
    "src": "/assets/admin-01-admin-auth-header.png",
    "alt": "Verify operator authority with secure admin token and display session state. for EatIt",
    "role": "Verify operator authority with secure admin token and display session state.",
    "width": 1000,
    "height": 1000,
    "surfaceId": "admin",
    "screenRoute": "/admin",
    "sectionId": "admin-auth-header",
    "usage": "Dark slate header bar (#16181B) with crisp 1px subtle slate border and contrast badge.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  }
]