12 KiB
12 KiB
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 | HTML |
| 02 | Sport Cockpit HUD (/ Sport Mode) |
Mobile | 91e17eb17d80465bb9b89fdf10d5d04d |
PNG | HTML |
| 03 | Performance Launch Mode (/launch) |
Mobile | f5378007ff6e4d6f81abe4293814b7e6 |
PNG | HTML |
| 04 | Tactical Map & Road Alert (/map) |
Mobile | 15205bdce4624b7e9776684a3e5bd4e1 |
PNG | HTML |
| 05 | Helmet Avatar Asset (Profile Graphic) | Asset | 1275a8b5233040aea9fd1a43401e0a53 |
PNG | — |
| 06 | MotorSignal Brand Logo (SVG) | Asset | c7c5de78370646bd9bed436e4ba72c46 |
PNG | SVG |
| 07 | Curvy Route & Apex Planner (/routes/planner) |
Mobile | edddf6a218374258877a3ce6fd4f9807 |
PNG | HTML |
| 08 | Virtual Garage & Telemetry Hub (/garage) |
Mobile | b04f55308f3a42658aaa97e70ffdfb41 |
PNG | HTML |
| 09 | Live Pack Mesh Radar (/group-rides/:id/live) |
Mobile | 2ef987ee0a5047daa656f5696105d673 |
PNG | HTML |
| 10 | Community Social Feed & Kudos (/social) |
Mobile | df3e66ec302f4fa5bfddef8c88a31051 |
PNG | HTML |
| 11 | Motorcycle Clubs & Roster Wall (/clubs/:id) |
Mobile | b9dada26bc044b17a3107c025248dd9a |
PNG | HTML |
| 12 | Settings & Sensor Diagnostics (/settings) |
Mobile | c78d3e8126cf48b68d35df548fea00c7 |
PNG | HTML |
| 13 | MotorSignal Pro Paywall (/pro) |
Mobile | 2922e6c0365a4de8be8d1a93bdea3e1f |
PNG | HTML |
| 14 | Forensic Ride Replay (/replay/:id) |
Mobile | 6979239dcf494c72a864de9b91ef40f8 |
PNG | HTML |
| 15 | Add Motorcycle & VIN Scanner (/garage/add) |
Mobile | 08de5b20a2954b90ba0aefa43cac363d |
PNG | HTML |
| 16 | Ride Briefing & Pack Staging (/group-rides/:id) |
Mobile | f5b750fcdedd468bbd114a4bde2fd643 |
PNG | HTML |
| 17 | Membership & Pricing (/pricing) |
Desktop | 537302f206b84011a408ed919df9f95d |
PNG | HTML |
| 18 | Download & Multi-Platform Hub (/download) |
Desktop | 6aa19b9697f248ab8105fa7c367f27b2 |
PNG | HTML |
| 19 | Features & Specifications (/features) |
Desktop | 76c7f66b5a2a4b0d9bba865701b30886 |
PNG | HTML |
| 20 | Public Homepage (/) |
Desktop | ddb3f431b25241c0b2719dd2e5665ab3 |
PNG | HTML |
| 21 | Group Rides Discovery (/group-rides) |
Desktop | a6a8868451584392b28b1e120785c345 |
PNG | HTML |
| 22 | Live Telemetry Showcase (/group-rides/showcase) |
Desktop | 4bbc7e80d9654d69911b70831cbf8569 |
PNG | HTML |
| 23 | Ride Organizer Hub (/group-rides/manage) |
Desktop | 6330b31df21e4621a9b303ee02b6c97e |
PNG | HTML |
| 24 | Motorcycle Clubs Directory (/clubs) |
Desktop | 85e75846ef914fe29189c15427009e1b |
PNG | HTML |
| 25 | Founder & Officer Hub (/clubs/manage) |
Desktop | 4804aedf1dd24d52902bf1981125af51 |
PNG | HTML |
| 26 | Roles & Ranks Builder (/clubs/[id]/manage/ranks-roles) |
Desktop | 7ff4250616f44d89bde3fb02eec290b2 |
PNG | HTML |
| 27 | Operations & Admin Console (/admin) |
Desktop | 80734d4801414e1eb72dfdcf430adebb |
PNG | HTML |
| 28 | Minimal Cockpit HUD (/ Minimal) |
Mobile | 19fd3776ec65408b95706e0b6b55beae |
PNG | HTML |
| 29 | Touring Cockpit HUD (/ Touring) |
Mobile | 770611306f4c41cabe52838ed884531f |
PNG | HTML |
| 30 | Active Ride Recording HUD (REC 20Hz) |
Mobile | d6d8925252e84279979c572ee935e44d |
PNG | HTML |
| 31 | Tactical Map Layer Overrides (/map Drawer) |
Mobile | 91fd702f9f754a7db64066763e33a795 |
PNG | HTML |
| 32 | Launch Curve Analysis (/launch/history) |
Mobile | 2d20b4fdbf6e4fa38cc6c2c3764bdceb |
PNG | HTML |
| 33 | Personal Records Trophy Cabinet (/activity?records) |
Mobile | 92cb19cdf62f4f0c83094c66b13d714e |
PNG | HTML |
| 34 | Bike Maintenance & Service Due (/garage/:id) |
Mobile | ee994b906d2444aebfe8e43a37c44acd |
PNG | HTML |
| 35 | Route Detail & Turn Cue Sheet (/routes/:id) |
Mobile | 21b6f6a1e8944be7aec4e47c50bdea34 |
PNG | HTML |
| 36 | Rider Public Profile (/social/profile) |
Mobile | 4c09ae5e0aee4735b10e988bdce0f42c |
PNG | HTML |
| 37 | Friends & Pack Network (/social/friends) |
Mobile | c024e9845ec84be4b0b7a1da7c236fb3 |
PNG | HTML |
| 38 | Clubs Discovery Hub (/social/clubs) |
Mobile | 3f51b297e18443b0ab583774926710f6 |
PNG | HTML |
| 39 | Create Club Wizard (/clubs/create) |
Mobile | d229c09f9668497caa60019da039b1b6 |
PNG | HTML |
| 40 | Group Rides Hub (/group-rides) |
Mobile | bd212a8fa11148688f18a3a1107ee452 |
PNG | HTML |
| 41 | Create Group Ride Wizard (/group-rides/new) |
Mobile | a2bc511c1f514461835731e077094e57 |
PNG | HTML |
| 42 | Account & Security Settings (/settings/account) |
Mobile | c7709851c0e140a294e7a95c38b55402 |
PNG | HTML |
| 43 | Raw 20 Hz IMU Stream Diagnostics (/diagnostics/raw) |
Mobile | 452885f190e54256bc31986924c3643a |
PNG | HTML |
| 44 | Club Founder Overview (/clubs/[id]/manage) |
Desktop | 37cb597b8aee4b0994cfed1f92c93098 |
PNG | HTML |
| 45 | Club Branding & Profile Editor (/clubs/[id]/manage/profile) |
Desktop | 5ad8237fff0847399c8cd1310d39a1d8 |
PNG | HTML |
| 46 | Membership Applications Queue (/clubs/[id]/manage/applications) |
Desktop | 39bf9ac594ec4d9d8b28e54df7aa9f71 |
PNG | HTML |
| 47 | Scheduled Rides Calendar & Attendance (/clubs/[id]/manage/rides) |
Desktop | 52f503c93c14475f9e4b431b5663009d |
PNG | HTML |
| 48 | Club Governance & Disband Settings (/clubs/[id]/manage/settings) |
Desktop | 64187aa76b6f4a428b9336041348e024 |
PNG | HTML |
| 49 | Support Desk & Knowledge Base (/support) |
Desktop | 9b15f9c4f639490f91168cec74875d3b |
PNG | HTML |
| 50 | Privacy & Anonymization Policy (/privacy) |
Desktop | 9ad4b002758d4141bfd3bb015b47503e |
PNG | HTML |
| 51 | Terms of Service (/terms) |
Desktop | 787412b3422d4f0b9866230f82548a3e |
PNG | HTML |
| 52 | Rider Sign-In (/login) |
Desktop | 6092f47df7554a458a97afb50a9ca3df |
PNG | HTML |
| 53 | Rider Registration (/register) |
Desktop | 21e5c82f87724fc2913fc36bfa78aca1 |
PNG | HTML |
| 54 | Password Recovery (/forgot-password) |
Desktop | 1c39e5faf31a4437b64d8d48ad942424 |
PNG | HTML |
| 55 | Email Verification Challenge (/verify-email) |
Desktop | af13d44f62184b1eab47f00c27be72e7 |
PNG | HTML |
| 56 | Rider Cloud Portal (/account) |
Desktop | f9d24db9a60f42b485566ed5829d9bd4 |
PNG | HTML |
