[
  {
    "id": "landing-01-hero-section",
    "src": "/assets/landing-01-hero-section.png",
    "alt": "hero_feed_preview_photo for Vibely",
    "role": "hero_feed_preview_photo",
    "width": 1600,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/landing",
    "sectionId": "hero-section",
    "usage": "Warm chalk background, deep cobalt headings, terracotta badge highlighting chronological feature.",
    "cropFocus": "Keep the primary subject in the central-right safe area so concise hero copy can sit to the left"
  },
  {
    "id": "landing-02-feed-philosophy-section",
    "src": "/assets/landing-02-feed-philosophy-section.png",
    "alt": "interaction_preview_card_image for Vibely",
    "role": "interaction_preview_card_image",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/landing",
    "sectionId": "feed-philosophy-section",
    "usage": "Crisp white cards bounded by thin zinc border rules and generous vertical whitespace.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "landing-03-creator-discovery-section",
    "src": "/assets/landing-03-creator-discovery-section.png",
    "alt": "creator_avatar_samples for Vibely",
    "role": "creator_avatar_samples",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/landing",
    "sectionId": "creator-discovery-section",
    "usage": "Light neutral gray surface with terracotta pill badges for trending accounts.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "landing-04-notifications-and-reactions-section",
    "src": "/assets/landing-04-notifications-and-reactions-section.png",
    "alt": "Demonstrate instant activity updates for likes, comments, and new followers. for Vibely",
    "role": "Demonstrate instant activity updates for likes, comments, and new followers.",
    "width": 1200,
    "height": 900,
    "surfaceId": "landing",
    "screenRoute": "/landing",
    "sectionId": "notifications-and-reactions-section",
    "usage": "White card container layout with status alerts using success and accent color indicators.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "application-01-post-composer-and-filters",
    "src": "/assets/application-01-post-composer-and-filters.png",
    "alt": "Provide input area for new text and photo posts alongside feed filter tabs. for Vibely",
    "role": "Provide input area for new text and photo posts alongside feed filter tabs.",
    "width": 1000,
    "height": 1000,
    "surfaceId": "application",
    "screenRoute": "/app",
    "sectionId": "post-composer-and-filters",
    "usage": "White surface container with warm border definition and high-contrast publish button.",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  },
  {
    "id": "application-02-chronological-feed-stream",
    "src": "/assets/application-02-chronological-feed-stream.png",
    "alt": "Attached post images and user profile avatars for Vibely",
    "role": "Attached post images and user profile avatars",
    "width": 1000,
    "height": 1000,
    "surfaceId": "application",
    "screenRoute": "/app",
    "sectionId": "chronological-feed-stream",
    "usage": "Bordered white feed cards with explicit divider lines and terracotta active like state.",
    "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": "Provide access verification and display operator session status visual for Vibely",
    "role": "Provide access verification and display operator session status visual",
    "width": 1000,
    "height": 1000,
    "surfaceId": "admin",
    "screenRoute": "/admin",
    "sectionId": "admin-auth-header",
    "usage": "Crisp white top panel bounded by warm border rules with terracotta accent triggers",
    "cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
  }
]