ADL Moto Viewer — Living Styleguide
Complete visual verification of all design tokens from branding.md, typography hierarchy, SVG logo assets, and the 28-component reusable Blade architecture.
Core Brand Palette & Surface Tokens
The 60 / 30 / 10 ratio is strictly maintained: 60% White/Light surfaces, 30% Deep Navy, 10% Energetic Red accents.
1. Brand Red (Primary Accent — 10%)
2. Deep Navy / Ink (Secondary & Structure — 30%)
3. Neutrals & Signature Gradients (60%)
Type Hierarchy & Signature Motifs
Montserrat for bold, confident headings; Inter for highly readable body copy, specs, and form controls.
Your Fleet. Seen in Real Time.
Real-Time Telematics & AI Fleet Intelligence
GPS Trackers, Dashcams & Sensor Hardware
ADL Moto Viewer helps commercial operators reduce fuel theft, manage driver behaviour, prevent vehicle abuse, and ensure rapid dispute resolution with reliable telemetry data.
Signature Brand Motifs (branding.md §6)
Official Logo Variants & Usage Rules
Light backgrounds require full-colour logo; dark bands and footer require reversed logo (white text with red highlights).
Reusable Blade Component Library
Fully responsive, accessible, interactive components ready for catalog and solutions rollout.
1. Buttons & Badges
2. Telemetry Stats Bar
3. Product & Solution Cards with Hover Lift
4G Wired GPS Tracker
Commercial vehicle tracker with ACC detection, remote engine cut-off relay, and built-in backup battery.
AI Dual-Channel Dashcam
Road-facing ADAS and cabin-facing DMS with real-time audio driver alerts and instant cloud incident clips.
Capacitive Fuel Sensor
Continuous fuel level measurement accurate to ±1mm, eliminating fuel theft and unauthorised drains.
4. Interactive FAQ Accordion (Alpine.js)
5. Interactive Category Tabs (Alpine.js)
Logistics & Cargo Telematics
High-frequency location pings, geofence departure alerts, temperature sensors for cold chain, and container electronic smart locks.
Passenger & Transit Telematics
Multi-camera mobile DVR (MDVR), driver fatigue monitors, panic buttons, passenger count interfaces, and speed compliance tools.
Heavy Equipment & Mining
Rugged IP67 water/dustproof enclosures, operating engine hour trackers, anti-theft battery backup units, and auxiliary equipment sensors.
6. Technical Specs & Side-by-Side Comparison Tables
| Specification | Details / Parameters |
|---|---|
| Connectivity & Network | |
| Cellular | 4G LTE Cat 1 with 2G Fallback |
| SIM Slot | Standard Micro-SIM (eSIM optional) |
| Electrical & Battery | |
| Operating Voltage | 9V – 90V DC (wide range) |
| Internal Battery | 300 mAh rechargeable Li-ion |
| Feature | Wired Tracker | OBD-II Tracker |
|---|---|---|
| Installation | Professional (30m) | Plug-and-play (2m) |
| Tamper Risk | Very Low (hidden) | Moderate |
| Engine Cut-off | Supported | Not supported |
| Best For | Commercial Fleets | Leased / Personal |
7. Numbered Process Steps
Vehicle Fitment
Fast, clean installation without voiding factory vehicle electrical wiring.
Live 4G Stream
Telemetry packets stream securely to cloud servers every 2 to 10 seconds.
AI Analytics
Automated pattern scoring for fuel level, driver alerts, and geofences.
Operations Portal
Real-time command maps, exportable logs, and Android/iOS supervisor apps.
8. Consultation & Demo Lead Form
Design System & Foundation Fully Validated
Ready to proceed to Phase 2: Global Layout & Dynamic Menus (Mega-menu dropdowns, Mobile Drawer, Cookie Consent Persisted Banner).