69 lines
12 KiB
Markdown
69 lines
12 KiB
Markdown
# MotorSignal Stitch Design System Catalog
|
|
|
|
Complete repository of all **56 screens and design assets** designed for MotorSignal in Stitch Project `4601768354582654042` under the **Tactical Cockpit Telemetry** design system (`assets/4db724bf91d547f2af8962ac368ba17b`).
|
|
|
|
All mobile screens adhere to glove-friendly ergonomics ($48\text{px}+$ touch targets), monospace tabular telemetry, high-contrast dark aesthetic (`#070A0F`), and electric cyan (`#00E5FF`) accents.
|
|
|
|
---
|
|
|
|
## Master Screen Catalog
|
|
|
|
| # | Screen / Route | Platform | Stitch ID | Screenshot | Bootstrap 5.3 Code |
|
|
|---|---|---|---|---|---|
|
|
| **01** | Activity & Telemetry Log (`/activity`) | Mobile | `db5e985e3e824760862f106a83552ce7` | [PNG](screenshots/01_activity_telemetry_log.png) | [HTML](code/01_activity_telemetry_log.html) |
|
|
| **02** | Sport Cockpit HUD (`/` Sport Mode) | Mobile | `91e17eb17d80465bb9b89fdf10d5d04d` | [PNG](screenshots/02_sport_cockpit_hud.png) | [HTML](code/02_sport_cockpit_hud.html) |
|
|
| **03** | Performance Launch Mode (`/launch`) | Mobile | `f5378007ff6e4d6f81abe4293814b7e6` | [PNG](screenshots/03_performance_launch_mode.png) | [HTML](code/03_performance_launch_mode.html) |
|
|
| **04** | Tactical Map & Road Alert (`/map`) | Mobile | `15205bdce4624b7e9776684a3e5bd4e1` | [PNG](screenshots/04_tactical_map_road_alert.png) | [HTML](code/04_tactical_map_road_alert.html) |
|
|
| **05** | Helmet Avatar Asset (Profile Graphic) | Asset | `1275a8b5233040aea9fd1a43401e0a53` | [PNG](screenshots/05_rider_helmet_avatar.png) | — |
|
|
| **06** | MotorSignal Brand Logo (SVG) | Asset | `c7c5de78370646bd9bed436e4ba72c46` | [PNG](screenshots/06_brand_logo.png) | [SVG](code/06_brand_logo.html) |
|
|
| **07** | Curvy Route & Apex Planner (`/routes/planner`) | Mobile | `edddf6a218374258877a3ce6fd4f9807` | [PNG](screenshots/07_curvy_route_apex_planner.png) | [HTML](code/07_curvy_route_apex_planner.html) |
|
|
| **08** | Virtual Garage & Telemetry Hub (`/garage`) | Mobile | `b04f55308f3a42658aaa97e70ffdfb41` | [PNG](screenshots/08_virtual_garage_telemetry_hub.png) | [HTML](code/08_virtual_garage_telemetry_hub.html) |
|
|
| **09** | Live Pack Mesh Radar (`/group-rides/:id/live`) | Mobile | `2ef987ee0a5047daa656f5696105d673` | [PNG](screenshots/09_live_pack_mesh_radar.png) | [HTML](code/09_live_pack_mesh_radar.html) |
|
|
| **10** | Community Social Feed & Kudos (`/social`) | Mobile | `df3e66ec302f4fa5bfddef8c88a31051` | [PNG](screenshots/10_community_social_feed_kudos.png) | [HTML](code/10_community_social_feed_kudos.html) |
|
|
| **11** | Motorcycle Clubs & Roster Wall (`/clubs/:id`) | Mobile | `b9dada26bc044b17a3107c025248dd9a` | [PNG](screenshots/11_motorcycle_clubs_roster_wall.png) | [HTML](code/11_motorcycle_clubs_roster_wall.html) |
|
|
| **12** | Settings & Sensor Diagnostics (`/settings`) | Mobile | `c78d3e8126cf48b68d35df548fea00c7` | [PNG](screenshots/12_settings_sensor_diagnostics.png) | [HTML](code/12_settings_sensor_diagnostics.html) |
|
|
| **13** | MotorSignal Pro Paywall (`/pro`) | Mobile | `2922e6c0365a4de8be8d1a93bdea3e1f` | [PNG](screenshots/13_motorsignal_pro_paywall.png) | [HTML](code/13_motorsignal_pro_paywall.html) |
|
|
| **14** | Forensic Ride Replay (`/replay/:id`) | Mobile | `6979239dcf494c72a864de9b91ef40f8` | [PNG](screenshots/14_forensic_ride_replay_corner_analysis.png) | [HTML](code/14_forensic_ride_replay_corner_analysis.html) |
|
|
| **15** | Add Motorcycle & VIN Scanner (`/garage/add`) | Mobile | `08de5b20a2954b90ba0aefa43cac363d` | [PNG](screenshots/15_add_motorcycle_vin_scanner.png) | [HTML](code/15_add_motorcycle_vin_scanner.html) |
|
|
| **16** | Ride Briefing & Pack Staging (`/group-rides/:id`) | Mobile | `f5b750fcdedd468bbd114a4bde2fd643` | [PNG](screenshots/16_ride_briefing_pack_staging.png) | [HTML](code/16_ride_briefing_pack_staging.html) |
|
|
| **17** | Membership & Pricing (`/pricing`) | Desktop | `537302f206b84011a408ed919df9f95d` | [PNG](screenshots/17_membership_pricing.png) | [HTML](code/17_membership_pricing.html) |
|
|
| **18** | Download & Multi-Platform Hub (`/download`) | Desktop | `6aa19b9697f248ab8105fa7c367f27b2` | [PNG](screenshots/18_download_multiplatform_hub.png) | [HTML](code/18_download_multiplatform_hub.html) |
|
|
| **19** | Features & Specifications (`/features`) | Desktop | `76c7f66b5a2a4b0d9bba865701b30886` | [PNG](screenshots/19_features_technical_specifications.png) | [HTML](code/19_features_technical_specifications.html) |
|
|
| **20** | Public Homepage (`/`) | Desktop | `ddb3f431b25241c0b2719dd2e5665ab3` | [PNG](screenshots/20_public_homepage.png) | [HTML](code/20_public_homepage.html) |
|
|
| **21** | Group Rides Discovery (`/group-rides`) | Desktop | `a6a8868451584392b28b1e120785c345` | [PNG](screenshots/21_group_rides_discovery.png) | [HTML](code/21_group_rides_discovery.html) |
|
|
| **22** | Live Telemetry Showcase (`/group-rides/showcase`) | Desktop | `4bbc7e80d9654d69911b70831cbf8569` | [PNG](screenshots/22_live_telemetry_showcase.png) | [HTML](code/22_live_telemetry_showcase.html) |
|
|
| **23** | Ride Organizer Hub (`/group-rides/manage`) | Desktop | `6330b31df21e4621a9b303ee02b6c97e` | [PNG](screenshots/23_ride_organizer_hub.png) | [HTML](code/23_ride_organizer_hub.html) |
|
|
| **24** | Motorcycle Clubs Directory (`/clubs`) | Desktop | `85e75846ef914fe29189c15427009e1b` | [PNG](screenshots/24_motorcycle_clubs_directory.png) | [HTML](code/24_motorcycle_clubs_directory.html) |
|
|
| **25** | Founder & Officer Hub (`/clubs/manage`) | Desktop | `4804aedf1dd24d52902bf1981125af51` | [PNG](screenshots/25_founder_officer_hub.png) | [HTML](code/25_founder_officer_hub.html) |
|
|
| **26** | Roles & Ranks Builder (`/clubs/[id]/manage/ranks-roles`) | Desktop | `7ff4250616f44d89bde3fb02eec290b2` | [PNG](screenshots/26_roles_ranks_builder.png) | [HTML](code/26_roles_ranks_builder.html) |
|
|
| **27** | Operations & Admin Console (`/admin`) | Desktop | `80734d4801414e1eb72dfdcf430adebb` | [PNG](screenshots/27_operations_admin_console.png) | [HTML](code/27_operations_admin_console.html) |
|
|
| **28** | Minimal Cockpit HUD (`/` Minimal) | Mobile | `19fd3776ec65408b95706e0b6b55beae` | [PNG](screenshots/28_minimal_cockpit_hud.png) | [HTML](code/28_minimal_cockpit_hud.html) |
|
|
| **29** | Touring Cockpit HUD (`/` Touring) | Mobile | `770611306f4c41cabe52838ed884531f` | [PNG](screenshots/29_touring_cockpit_hud.png) | [HTML](code/29_touring_cockpit_hud.html) |
|
|
| **30** | Active Ride Recording HUD (`REC 20Hz`) | Mobile | `d6d8925252e84279979c572ee935e44d` | [PNG](screenshots/30_active_ride_recording_hud.png) | [HTML](code/30_active_ride_recording_hud.html) |
|
|
| **31** | Tactical Map Layer Overrides (`/map` Drawer) | Mobile | `91fd702f9f754a7db64066763e33a795` | [PNG](screenshots/31_tactical_map_layer_overrides.png) | [HTML](code/31_tactical_map_layer_overrides.html) |
|
|
| **32** | Launch Curve Analysis (`/launch/history`) | Mobile | `2d20b4fdbf6e4fa38cc6c2c3764bdceb` | [PNG](screenshots/32_launch_curve_analysis.png) | [HTML](code/32_launch_curve_analysis.html) |
|
|
| **33** | Personal Records Trophy Cabinet (`/activity?records`) | Mobile | `92cb19cdf62f4f0c83094c66b13d714e` | [PNG](screenshots/33_personal_records_trophy_cabinet.png) | [HTML](code/33_personal_records_trophy_cabinet.html) |
|
|
| **34** | Bike Maintenance & Service Due (`/garage/:id`) | Mobile | `ee994b906d2444aebfe8e43a37c44acd` | [PNG](screenshots/34_bike_maintenance_service_due.png) | [HTML](code/34_bike_maintenance_service_due.html) |
|
|
| **35** | Route Detail & Turn Cue Sheet (`/routes/:id`) | Mobile | `21b6f6a1e8944be7aec4e47c50bdea34` | [PNG](screenshots/35_route_detail_turn_cue_sheet.png) | [HTML](code/35_route_detail_turn_cue_sheet.html) |
|
|
| **36** | Rider Public Profile (`/social/profile`) | Mobile | `4c09ae5e0aee4735b10e988bdce0f42c` | [PNG](screenshots/36_rider_public_profile.png) | [HTML](code/36_rider_public_profile.html) |
|
|
| **37** | Friends & Pack Network (`/social/friends`) | Mobile | `c024e9845ec84be4b0b7a1da7c236fb3` | [PNG](screenshots/37_friends_pack_network.png) | [HTML](code/37_friends_pack_network.html) |
|
|
| **38** | Clubs Discovery Hub (`/social/clubs`) | Mobile | `3f51b297e18443b0ab583774926710f6` | [PNG](screenshots/38_clubs_discovery_hub.png) | [HTML](code/38_clubs_discovery_hub.html) |
|
|
| **39** | Create Club Wizard (`/clubs/create`) | Mobile | `d229c09f9668497caa60019da039b1b6` | [PNG](screenshots/39_create_club_wizard.png) | [HTML](code/39_create_club_wizard.html) |
|
|
| **40** | Group Rides Hub (`/group-rides`) | Mobile | `bd212a8fa11148688f18a3a1107ee452` | [PNG](screenshots/40_group_rides_hub.png) | [HTML](code/40_group_rides_hub.html) |
|
|
| **41** | Create Group Ride Wizard (`/group-rides/new`) | Mobile | `a2bc511c1f514461835731e077094e57` | [PNG](screenshots/41_create_group_ride_wizard.png) | [HTML](code/41_create_group_ride_wizard.html) |
|
|
| **42** | Account & Security Settings (`/settings/account`) | Mobile | `c7709851c0e140a294e7a95c38b55402` | [PNG](screenshots/42_account_security_settings.png) | [HTML](code/42_account_security_settings.html) |
|
|
| **43** | Raw 20 Hz IMU Stream Diagnostics (`/diagnostics/raw`) | Mobile | `452885f190e54256bc31986924c3643a` | [PNG](screenshots/43_raw_imu_stream_diagnostics.png) | [HTML](code/43_raw_imu_stream_diagnostics.html) |
|
|
| **44** | Club Founder Overview (`/clubs/[id]/manage`) | Desktop | `37cb597b8aee4b0994cfed1f92c93098` | [PNG](screenshots/44_club_founder_overview.png) | [HTML](code/44_club_founder_overview.html) |
|
|
| **45** | Club Branding & Profile Editor (`/clubs/[id]/manage/profile`) | Desktop | `5ad8237fff0847399c8cd1310d39a1d8` | [PNG](screenshots/45_club_branding_editor.png) | [HTML](code/45_club_branding_editor.html) |
|
|
| **46** | Membership Applications Queue (`/clubs/[id]/manage/applications`) | Desktop | `39bf9ac594ec4d9d8b28e54df7aa9f71` | [PNG](screenshots/46_membership_applications_queue.png) | [HTML](code/46_membership_applications_queue.html) |
|
|
| **47** | Scheduled Rides Calendar & Attendance (`/clubs/[id]/manage/rides`) | Desktop | `52f503c93c14475f9e4b431b5663009d` | [PNG](screenshots/47_scheduled_rides_calendar.png) | [HTML](code/47_scheduled_rides_calendar.html) |
|
|
| **48** | Club Governance & Disband Settings (`/clubs/[id]/manage/settings`) | Desktop | `64187aa76b6f4a428b9336041348e024` | [PNG](screenshots/48_club_governance_settings.png) | [HTML](code/48_club_governance_settings.html) |
|
|
| **49** | Support Desk & Knowledge Base (`/support`) | Desktop | `9b15f9c4f639490f91168cec74875d3b` | [PNG](screenshots/49_support_desk_knowledge_base.png) | [HTML](code/49_support_desk_knowledge_base.html) |
|
|
| **50** | Privacy & Anonymization Policy (`/privacy`) | Desktop | `9ad4b002758d4141bfd3bb015b47503e` | [PNG](screenshots/50_privacy_anonymization_policy.png) | [HTML](code/50_privacy_anonymization_policy.html) |
|
|
| **51** | Terms of Service (`/terms`) | Desktop | `787412b3422d4f0b9866230f82548a3e` | [PNG](screenshots/51_terms_of_service.png) | [HTML](code/51_terms_of_service.html) |
|
|
| **52** | Rider Sign-In (`/login`) | Desktop | `6092f47df7554a458a97afb50a9ca3df` | [PNG](screenshots/52_rider_sign_in.png) | [HTML](code/52_rider_sign_in.html) |
|
|
| **53** | Rider Registration (`/register`) | Desktop | `21e5c82f87724fc2913fc36bfa78aca1` | [PNG](screenshots/53_rider_registration.png) | [HTML](code/53_rider_registration.html) |
|
|
| **54** | Password Recovery (`/forgot-password`) | Desktop | `1c39e5faf31a4437b64d8d48ad942424` | [PNG](screenshots/54_password_recovery.png) | [HTML](code/54_password_recovery.html) |
|
|
| **55** | Email Verification Challenge (`/verify-email`) | Desktop | `af13d44f62184b1eab47f00c27be72e7` | [PNG](screenshots/55_email_verification_challenge.png) | [HTML](code/55_email_verification_challenge.html) |
|
|
| **56** | Rider Cloud Portal (`/account`) | Desktop | `f9d24db9a60f42b485566ed5829d9bd4` | [PNG](screenshots/56_rider_cloud_portal.png) | [HTML](code/56_rider_cloud_portal.html) |
|