{ "handoff_package": "MotorSignal Hybrid v1 — Final Design Handoff", "project_id": "5138779337547529796", "project_title": "MotorSignal UI/UX Redesign Exploration", "canonical_tokens": { "night": { "surface_canvas": "#0B1326", "surface_card_primary": "#111C38", "surface_card_secondary": "#17223B", "surface_card_lowest": "#060E20", "surface_border": "#1E293B", "surface_border_subtle": "#24324D", "text_primary": "#DAE2FD", "text_muted": "#869397", "brand_cyan": "#06B6D4", "brand_cyan_bright": "#22D3EE", "brand_cyan_container": "#00424F", "rec_static_green": "#10B981", "rec_static_green_bg": "#064E3B", "caution_amber": "#F59E0B", "danger_red": "#EF4444" }, "day": { "surface_canvas": "#F8FAFC", "surface_card_primary": "#FFFFFF", "surface_card_secondary": "#F1F5F9", "surface_card_lowest": "#E2E8F0", "surface_border": "#CBD5E1", "surface_border_subtle": "#E2E8F0", "text_primary": "#0F172A", "text_muted": "#64748B", "brand_cyan": "#0284C7", "brand_cyan_bright": "#0EA5E9", "brand_cyan_container": "#E0F2FE", "rec_static_green": "#10B981", "rec_static_green_bg": "#D1FAE5", "caution_amber": "#D97706", "danger_red": "#DC2626" } }, "screens": [ { "index": "01", "name": "Riding Dashboard — Day", "screen_id": "fbbd68740d11447e8035cd0776133053", "composite_frame": "Left Frame (Default Scale)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1: Verified UI", "reference_files": [ "references/screen_day_dashboard.png", "references/screen_day_dashboard.html" ] }, { "index": "01b", "name": "Riding Dashboard — Day (200% Text Scale Companion)", "screen_id": "fbbd68740d11447e8035cd0776133053", "composite_frame": "Right Frame (200% Accessibility Scale)", "viewport": { "width": 390, "height": 844 }, "tier": "Accessibility Target (Unverified)", "reference_files": [ "references/screen_day_dashboard.png", "references/screen_day_dashboard.html" ] }, { "index": "02", "name": "Riding Dashboard — Night", "screen_id": "8f336a84e92c44d8aea012b2c6703b55", "composite_frame": "Left Frame (Default Scale)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1: Verified UI", "reference_files": [ "references/screen_night_dashboard.png", "references/screen_night_dashboard.html" ] }, { "index": "02b", "name": "Riding Dashboard — Night (200% Text Scale Companion)", "screen_id": "8f336a84e92c44d8aea012b2c6703b55", "composite_frame": "Right Frame (200% Accessibility Scale)", "viewport": { "width": 390, "height": 844 }, "tier": "Accessibility Target (Unverified)", "reference_files": [ "references/screen_night_dashboard.png", "references/screen_night_dashboard.html" ] }, { "index": "03", "name": "Authenticated Group Ride Hub", "screen_id": "a661c1c9c82843a2bcb6b84d6d7855e1", "composite_frame": "Left Frame (Default Scale)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1: Verified UI", "reference_files": [ "references/screen_group_ride_hub.png", "references/screen_group_ride_hub.html" ] }, { "index": "03b", "name": "Group Ride Hub (200% Text Scale Companion)", "screen_id": "a661c1c9c82843a2bcb6b84d6d7855e1", "composite_frame": "Right Frame (200% Accessibility Scale)", "viewport": { "width": 390, "height": 844 }, "tier": "Accessibility Target (Unverified)", "reference_files": [ "references/screen_group_ride_hub.png", "references/screen_group_ride_hub.html" ] }, { "index": "04", "name": "Ride History & Archive", "screen_id": "934e8a33a5fa44009d40c292aacc630e", "composite_frame": "Viewport 1 (Left Frame)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1 (UI) + Tier 2 (Sync UX)", "reference_files": [ "references/screen_replay_hud.png", "references/screen_replay_hud.html" ] }, { "index": "05", "name": "Ride Replay HUD", "screen_id": "934e8a33a5fa44009d40c292aacc630e", "composite_frame": "Viewport 2 (Right Frame)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1 (UI) + Tier 2 (Proposed HUD)", "reference_files": [ "references/screen_replay_hud.png", "references/screen_replay_hud.html" ] }, { "index": "06", "name": "Community Feed", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Frame 1", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1 (UI) + Tier 2 (Moderation)", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "07", "name": "Create Group Ride — Step 1: Details & Staging", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Frame 2a", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 2: Proposed Feature", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "08", "name": "Route Calculation Engine — Loading & Failure", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Frame 2b", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 2 / Tier 3 (Engine UX)", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "09", "name": "Create Group Ride — Step 2: Review & Access", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Frame 2c", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 2: Proposed Feature", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "10", "name": "Ride Created — Join Code & Dynamic QR", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Frame 2d", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 2: Proposed Feature", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "11", "name": "Account, Security & Sensor Connections", "screen_id": "fd0e6370af424ff4becfdaecda7f29de", "composite_frame": "Frame 3", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 1 (UI) + Tier 3 (Backend/Sensors)", "reference_files": [ "references/screen_remaining_flows.png", "references/screen_remaining_flows.html" ] }, { "index": "12", "name": "Share Ride — Recipient Selection Dialog", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Modal 1 (Overlay)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 2: Proposed Feature", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "13", "name": "Delete Ride — Explicit Scope Selection", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "Modal 2 (Overlay)", "viewport": { "width": 390, "height": 844 }, "tier": "Tier 2: Proposed Feature", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] }, { "index": "14", "name": "Supporting System States Matrix", "screen_id": "17a5177fab12466da2dea6639c8fd88f", "composite_frame": "System States Grid (5 Cards)", "viewport": { "width": 1280, "height": 800 }, "tier": "Tier 2: System UX", "reference_files": [ "references/screen_consolidated_flows.png", "references/screen_consolidated_flows.html" ] } ], "inconsistencies_resolved": { "replay_telemetry_retrieval_wording": "Loading/status wording must follow actual database/bundle retrieval rather than speculative '100% buffered in-memory' label.", "account_screen_assumptions": "Discarded unsupported 100Hz IMU claims and Pro restrictions on multi-sensor telemetry; conforms to frozen 20Hz pipeline and current free/pro model.", "ride_visibility_and_join_policies": "Preserved all existing membership, host approval, unlisted/public/club-only/invite-only policies.", "night_surface_canvas_reconciliation": "Reconciled to canonical #0B1326.", "accessibility_and_runtime_claims": "Treated as unverified targets until tested on device/emulator." } }