93 lines
4.3 KiB
JSON
93 lines
4.3 KiB
JSON
[
|
|
{
|
|
"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"
|
|
}
|
|
] |