71cd994b2f
|
||
|---|---|---|
| .. | ||
| code | ||
| screenshots | ||
| README.md | ||
README.md
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 |
